@charset "UTF-8";

.page_user .el-button,
#app .diy_details_box .details_btn,
.submit_button,
#app .diy_edit .warp .container>.row .btn_box .btn_submit,
#app .page_user .warp .container .row .card_password .password_confim .btn_item,
.btn_save,
.face-login .face-img .el-button,
#app .page_account .form_box .btns_bottom .btn_item,
.page_cart .warp .container .card .cart_block .bar_settle .btn_settle,
.page_cart .warp .container .col .delet,
.page_user .card_info .div_info .right_msg .btn,
.page_user .user_bg.col-md-9 .card_default .user_block .log_out .btn.btn-info,
.page_user .user_bg.col-md-9 .card_default .user_block .log_out .btn:nth-child(1),
.page_user .card_address .list_address .btn_address,
.page_user .card_address .list_address .address_card .address_info .address_content .tag .tag_default,
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .buy:nth-child(2),
.page_message .form_message .btns_bottom .btn_item,
.page_message .card_message button,
.page_forum .container .row .card_forum_list .search_box>.add_forum,
.page_header .conton-top .user .ml {
  background: linear-gradient(121deg, #fe9760, #e01c2a) !important;
}

.page_user .el-button:hover,
#app .diy_details_box .details_btn:hover,
.submit_button:hover,
#app .diy_edit .warp .container>.row .btn_box .btn_submit:hover,
#app .page_user .warp .container .row .card_password .password_confim .btn_item:hover,
.btn_save:hover,
.face-login .face-img .el-button:hover,
#app .page_account .form_box .btns_bottom .btn_item:hover,
.page_cart .warp .container .card .cart_block .bar_settle .btn_settle:hover,
.page_cart .warp .container .col .delet:hover,
.page_user .card_info .div_info .right_msg .btn:hover,
.page_user .user_bg.col-md-9 .card_default .user_block .log_out .btn.btn-info:hover,
.page_user .user_bg.col-md-9 .card_default .user_block .log_out .btn:hover:nth-child(1),
.page_user .card_address .list_address .btn_address:hover,
.page_user .card_address .list_address .address_card .address_info .address_content .tag .tag_default:hover,
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .buy:hover:nth-child(2),
.page_message .form_message .btns_bottom .btn_item:hover,
.page_message .card_message button:hover,
.page_forum .container .row .card_forum_list .search_box>.add_forum:hover,
.page_header .conton-top .user .ml:hover {
  background: linear-gradient(121deg, #fe9760, #e01c2a) !important;
  filter: brightness(1.1);
}

#app .page_order .card_order .goods_list .item_goods .middle_info .title,
#app .page_order .card_goods_list .list_order .goods_list .item_goods .middle_info .description,
#app .page_order .card_goods_list .list_order .goods_list .item_goods .middle_info .title,
.page_user .user_right_box .list_collect .item_collect .collect_box .right_block .top_comment .title,
.diy_list .diy_list_container .diy_list_box .diy_view_list .diy_list_box_wrap .diy_list_item_box .diy_row .diy_text,
.diy_list .diy_list_box_wrap .diy_list_item_content .diy_row .diy_text,
.diy_list .goods .diy_list_item_content .diy_row .diy_text,
.diy_list .diy_list_box_wrap .diy_list_item_content .diy_row .diy_title,
.diy_list .goods .diy_list_item_content .diy_row .diy_title,
.page_article .div_article .title,
.page_notice .notice_list .notice_block .notice_title,
.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .time,
.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .top,
.page_goods .card_aside .list .goods .goods_nav .good_bottom .title,
.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .title,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc a .title,
.page_root .product .list_goods .lis_cont .title,
.comment_box .list_comment .item_comment_box .right_block .top_comment .nickname {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#app .page_pay .coupon_box,
#app .page_order .card_order,
.page_user .card_info,
.page_user .card_address .list_address .address_card .bar_btn,
.page_user .card_address,
.page_user .user_right_box,
.page_user .card_addres .table_wrap,
.page_goods.goods_det .card_bottom_goods,
#app .diy_details .review,
#app .diy_details .diy_details_box .rich_text,
#app .diy_details .diy_details_box .row_top_wrap .row_1 .diy_img,
.diy_list .diy_list_box_wrap:hover,
.diy_list .goods:hover,
.page_message .card_message .list_message,
.page_article .comments-wrap .review,
.page_notice.notice-detail .notice_list .notice_content,
.page_exam .exam-detail,
#app .page_forum .warp .container .forum-detail-comment,
#app .page_forum .warp .container .row .card .forum_detail .div_forum,
#app .page_search .card_result_search {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle {
  *zoom: 1;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .time:before,
.banner .sw_no .swiper_img .carousel .carousel-control-prev:hover .carousel-control-next-icon,
.banner .sw_no .swiper_img .carousel .carousel-control-prev:hover .carousel-control-prev-icon,
.banner .sw_no .swiper_img .carousel .carousel-control-next:hover .carousel-control-next-icon,
.banner .sw_no .swiper_img .carousel .carousel-control-next:hover .carousel-control-prev-icon {
  filter: grayscale(100%) brightness(100);
}

@font-face {
  font-family: "DINCondensedBold";
  font-weight: normal;
  font-style: normal;
  src: url("../img/font/DIN_Condensed_Bold.ttf") format("truetype");
}

@font-face {
  font-family: "DIN-Bold";
  font-weight: normal;
  font-style: normal;
  src: url("../img/font/DIN_Bold.eot");
  src: url("../img/font/DIN_Bold.eot?#iefix") format("embedded-opentype"), url("../img/font/DIN_Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Bebas-Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../img/font/Bebas-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "PangMenZhengDaoBiao";
  font-weight: normal;
  font-style: normal;
  src: url("../img/font/PangMenZhengDaoBiao.ttf") format("truetype");
}

body {
  margin: 0;
  font: 14px/1.6 Arial;
  color: #1a2535;
}

input,
textarea,
select {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  resize: none;
}

html:root body {
  font-family: "Pingfang SC", "Microsoft Yahei", Arial;
  -webkit-font-smoothing: subpixel-antialiased;
}

form,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
  outline: none;
}

a img {
  border: none;
}

i,
em {
  font-style: normal;
}

s,
u {
  text-decoration: none;
}

button {
  cursor: pointer;
}

button i {
  font-size: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

::-moz-placeholder {
  color: #afb3b9;
}

::placeholder {
  color: #afb3b9;
}

/*--------------------------------------------------全局样式---------------------------------------------------------------------*/
::-webkit-datetime-edit-year-field {
  color: #38f;
}

::-webkit-datetime-edit-month-field {
  color: #26d2ff;
}

::-webkit-datetime-edit-day-field {
  color: #04BE02;
}

::-webkit-inner-spin-button {
  visibility: hidden;
}

::-webkit-calendar-picker-indicator {
  background-color: #eee;
  background-image: 0;
  border: 1px solid rgba(125, 125, 125, 0.25);
  border-radius: 0.25rem;
  box-shadow: inset 0 1px #fff, 0 1px #eee;
  color: #666;
}

#app :is(.page_notice, .page_forum, .exam_list, .subject_list, .page_message, #cart_index, #order_list, .collect_list, .diy_edit, .diy_list, #user_address) .warp {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: revert;
}

@media screen and (max-width: 988px) {

  /* 小于等于 768px 屏幕宽度时的样式 */
  .page_footer {
    width: 100vh;
    transform: translateX(71px);
  }
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

@media (min-width: 576px) {
  ::-webkit-scrollbar-track-piece {
    background-color: #f8f8f8;
  }

  ::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    min-height: 1rem;
    border-radius: 0.5rem;
  }
}

:root {
  --color_red: #FF0036;
  --color_orange: #fca216;
  --color_yellow: #fcca16;
  --color_green: #09BB07;
  --color_cyan: #26d2ff;
  --color_blue: #38f;
  --color_purple: #7f39e8;
  --color_black: #373737;
  --color_white: #fff;
  --color_grey: #6a737d;
  --color_light: #F9F9F9;
  --color_dark: #666;
  --color_error: #FF0036;
  --color_error_b: #d10000;
  --color_error_h: #ff3237;
  --color_warning: #fca216;
  --color_warning_b: #ff8250;
  --color_warning_h: #fca248;
  --color_success: #09BB07;
  --color_success_b: #2F9833;
  --color_success_h: #3bbb39;
  --color_info: #26d2ff;
  --color_info_b: #15baf8;
  --color_info_h: #58e6ff;
  --color_primary: #ffffff;
  --color_primary_b: #317EF3;
  --color_primary_h: #FDF6E3;
  --color_default: #666;
  --color_default_b: #444;
  --color_default_h: #999;
  --color_base: #373737;
  --color_title: #000;
  --color_subtitle: #373737;
  --color_describe: #666;
  --color_paragraph: #666;
  --color_tip: #6a737d;
  --color_border: #dfe2e5;
  --color_mask: rgba(0, 0, 0, 0.4);
  --color_shadow: rgba(7, 17, 27, 0.1);
  --bg_black: #24292e;
  --bg_grey: #efeff4;
  --bg_white: #FDFDFD;
  --opacity_disabled: 0.7;
  --line_red: linear-gradient(135deg, #FF5A6A 0%, #f12f04 100%);
  --line_yellow: linear-gradient(135deg, rgb(252, 207, 49) 24px%, rgb(245, 85, 85) 100%);
  --line_green: linear-gradient(135deg, rgb(255, 247, 32) 24px%, rgb(60, 213, 0) 100%);
  --line_blue: linear-gradient(135deg, rgb(94, 252, 232) 24px%, rgb(115, 110, 254) 100%);
  --line_purple: linear-gradient(135deg, #EE9AE5 24px%, #5961F9 100%);
  --line_red-1: linear-gradient(135deg, #fffddc 0%, #ff4c4c 20%, #fa2aa4 100%);
  --line_red-2: linear-gradient(135deg, #ffe7dc 0%, #ff7a4c 20%, #fa2a7d 100%);
  --line_yellow-1: linear-gradient(135deg, #ffe4dc 0%, #faa02a 20%, #ff4c5d 100%);
  --line_yellow-2: linear-gradient(135deg, #fffadc 0%, #faf32a 20%, #ff7f4c 100%);
  --line_green-1: linear-gradient(135deg, #dcf9ff 0%, #e8ff4c 20%, #2afac2 100%);
  --line_green-2: linear-gradient(135deg, #fff7dc 0%, #4cff6e 20%, #46c4fe 100%);
  --line_blue-1: linear-gradient(135deg, #dcfff9 0%, #2afadf 20%, #4c83ff 100%);
  --line_blue-2: linear-gradient(135deg, #dcffe0 0%, #2accfa 20%, #b14cff 100%);
  --line_purple-1: linear-gradient(135deg, #ffe8dc 0%, #ff4cb5 20%, #cc2afa 100%);
  --line_purple-2: linear-gradient(135deg, #ffe8dc 0%, #ec4cff 20%, #652afa 100%);
  --font_family_number: "Helvetica Neue", helvetica;
  --font_family_text: arial, sans-serif;
  --font_mini: 0.75rem;
  --font_small: 0.875rem;
  --font_base: 1rem;
  --font_big: 1.25rem;
  --font_larger: 1.5rem;
  --font_huge: 1.75rem;
  --font_title: 1.25rem;
  --font_subtitle: 1rem;
  --font_describe: 1rem;
  --font_paragraph: 1rem;
  --font_tip: 0.75rem;
  --img_size_mini: 1.5rem;
  --img_size_small: 2rem;
  --img_size_base: 3rem;
  --img_size_big: 4.5rem;
  --img_size_larger: 6rem;
  --img_size_huge: 8rem;
  --radius_small: 0.25rem;
  --radius_base: 0.5rem;
  --radius_big: 1rem;
  --radius_circle: 50%;
  --height_mini: 1rem;
  --height_small: 1.5rem;
  --height_base: 2rem;
  --height_big: 2.5rem;
  --height_larger: 3rem;
  --row_mini: 0.25rem;
  --row_small: 0.5rem;
  --row_base: 1rem;
  --row_big: 1.25rem;
  --row_larger: 1.5rem;
  --col_mini: 0.25rem;
  --col_small: 0.5rem;
  --col_base: 1rem;
  --col_big: 1.25rem;
  --col_larger: 1.5rem;
  --padding_mini: 0.5rem;
  --padding_small: 0.75rem;
  --padding_base: 1rem;
  --padding_big: 1.25rem;
  --padding_larger: 1.5rem;
  --padding_huge: 2rem;
  --margin_mini: 0.25rem;
  --margin_small: 0.5rem;
  --margin_base: 1rem;
  --margin_big: 1.25rem;
  --margin_larger: 1.5rem;
  --margin_huge: 2rem;
}

:focus {
  outline: 0 auto 0;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.25);
}

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-sizi: 500;
}

* {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

*,
::before,
::after {
  box-sizing: border-box;
}

html {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  line-height: 1.5;
}

body {
  color: var(--color_base);
}

[type=search] {
  -webkit-appearance: none;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

[hidden],
.hidden {
  display: none !important;
}

article {
  overflow: hidden;
}

article>header {
  text-align: center;
}

blockquote {
  margin: 0 0 var(--margin_base);
  padding: 0 var(--padding_base);
  color: var(--color_grey);
  border-left: 3px solid var(--color_border);
}

address {
  font-style: normal;
}

section {
  position: relative;
}

main {
  overflow: hidden;
  position: relative;
}

div {
  /* text-overflow: ellipsis; */
  white-space: normal;
}

address,
article,
aside,
code,
figcaption,
hgroup,
main,
nav,
section,
iframe,
frame,
form,
pre {
  display: block;
}

header::before,
header::after,
footer::before,
footer::after,
frame::before,
frame::after,
iframe::before,
iframe::after,
code::before,
code::after,
address::before,
address::after,
section::before,
section::after {
  clear: both;
  content: "";
  display: block;
}

article::before,
article::after {
  content: "";
  display: block;
  clear: both;
}

form::before,
form::after {
  content: "";
  display: block;
  clear: both;
}

code {
  padding: var(--padding_small);
}

table {
  border: 1px solid var(--color_border);
  border-collapse: collapse;
  border-radius: var(--radius_small);
  width: 100%;
}

nav {
  white-space: nowrap;
}

input,
input::after,
input::before {
  box-sizing: border-box;
}

input[type=color] {
  height: 1.5rem;
  border: 1px solid var(--color_border);
  border-radius: var(--radius_small);
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

input[type=range] {
  margin-top: 0.75rem;
  margin-bottom: 0.875rem;
  outline: none;
  -webkit-appearance: none;
  background: var(--color_border);
  height: 3px;
}

input[type=range]:-webkit-slider-thumb,
input[type=range]:-moz-range-thumb,
input[type=range]:-ms-thumb {
  -webkit-appearance: none;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--color_info);
  cursor: pointer;
  margin-top: -0.875rem;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=url] {
  padding-right: var(--padding_small);
}

input[type=date],
input[type=datetime],
input[type=time],
input[type=datetime-local],
input[type=month],
input[type=week] {
  -webkit-appearance: listbox;
  padding-right: var(--padding_mini);
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=datetime-local] {
  background: #fff;
  letter-spacing: -1px;
}

input:invalid {
  border-color: var(--color_error);
}

button,
select {
  text-transform: none;
  cursor: pointer;
  border: 1px solid var(--color_border);
  padding-left: var(--padding_small);
  padding-right: var(--padding_small);
  border-radius: var(--radius_small);
}

button {
  -webkit-appearance: button;
  display: inline-block;
}

[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:focus {
  outline: none;
}

select {
  padding-left: var(--padding_small);
  min-width: 3rem;
  word-wrap: normal;
  text-align: center;
}

select[multiple] {
  background: none;
}

textarea {
  overflow-x: hidden;
  overflow-y: auto;
  resize: vertical;
  min-height: 10rem;
  padding: var(--padding_small);
  border: 1px solid var(--color_border);
  border-radius: var(--radius_small);
  font: 500 13.3333px;
  min-width: 13.25rem;
}

form textarea {
  width: 100%;
}

.pc .multiple,
.pc select[multiple],
.pc select[size] {
  height: auto;
}

form label~label {
  margin-left: var(--margin_base);
}

optgroup {
  line-height: inherit;
}

fieldset {
  border: 0;
  min-width: 0;
}

caption {
  caption-side: bottom;
  padding-bottom: var(--padding_small);
  padding-top: var(--padding_small);
  text-align: left;
}

dt {
  display: block;
  clear: left;
  float: left;
  font-sizi: 500;
  padding: var(--padding_small);
  min-width: 7rem;
  position: relative;
}

dd {
  display: block;
  padding: var(--padding_mini);
  float: left;
}

li {
  position: relative;
}

ul {
  display: block;
  padding-left: 1.25rem;
}

dl,
dd {
  display: block;
}

dl::before,
dl::after,
ul::before,
ul::after,
ol::before,
ol::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

ol {
  padding-left: 1.25rem;
  padding-right: var(--padding_base);
}

th {
  border: 1px solid var(--color_border);
  padding: var(--padding_small) 0.75rem;
  text-align: inherit;
}

thead th {
  border-bottom: 2px solid var(--color_border);
  vertical-align: bottom;
}

td {
  border: 1px solid var(--color_border);
  padding: var(--padding_small) 0.75rem;
  white-space: nowrap;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

output {
  display: inline-block;
}

summary {
  cursor: pointer;
}

template {
  display: none;
}

abbr[title],
abbr[data-original-title] {
  border-bottom: 0;
  cursor: help;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

h1,
.h1 {
  font-size: var(--font_huge);
}

h2,
.h2 {
  font-size: var(--font_larger);
}

h3,
.h3 {
  font-size: var(--font_big);
}

h4,
.h4 {
  font-size: var(--font_base);
}

h5,
.h5 {
  font-size: var(--font_small);
}

h6,
.h6 {
  font-size: var(--font_mini);
}

h1,
.h1,
h2,
.h2 {
  font-sizi: 750;
}

h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-sizi: 550;
}

small,
.font-sm {
  font-size: 75% !important;
}

big,
.font-bg {
  font-size: 125% !important;
}

img {
  border: none;
  vertical-align: middle;
}

figure {
  position: relative;
  overflow: hidden;
  display: block;
  background: center center no-repeat;
  background-size: 100%;
}

figure img {
  width: 100%;
  display: block;
}

figcaption {
  display: block;
}

figure~div {
  overflow: hidden;
}

a {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

nav>a {
  display: inline-block;
}

a:hover,
a:not([href]) {
  text-decoration: none;
}

section h1,
section h2,
section h3,
section h4,
section h5 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

section p,
section blockquote {
  margin-bottom: 1rem;
}

section blockquote>* {
  margin-bottom: 0;
}

section h1,
section h2,
section h3 {
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--color_border);
}

.warp {
  clear: both;
  float: none;
}

main {
  margin-bottom: 2.5rem;
  transition: all 0.5s ease-in-out;
}

.page>header {
  min-height: var(--height_big);
  display: block;
  position: absolute;
  z-index: 24px;
  right: 0;
  top: 0;
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.page>header~main {
  margin-top: 2.5rem;
}

.page>footer {
  min-height: var(--height_small);
  display: block;
  position: absolute;
  z-index: 24px;
  right: 0;
  bottom: 0;
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.side .warp {
  position: absolute;
  z-index: 32;
  top: 0;
  left: 0;
  height: 100%;
  width: 12rem;
  white-space: nowrap;
  transition: all 0.5s ease-in-out;
}

.view {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

main .view {
  overflow-x: auto;
}

.view::-webkit-scrollbar {
  display: none;
}

.table img {
  max-height: 5rem;
}

.table .btn_open {
  width: 1.5rem;
  line-height: 1.5rem;
  height: 1.5rem;
  border: none;
  background: none;
  text-align: center;
  padding: 0;
}

.table .fa-caret-right {
  transform: rotate(0deg);
  transition: transform ease-in-out 0.5s;
}

.table .open .fa-caret-right {
  transform: rotate(90deg);
}

.table .sub {
  background: rgba(0, 0, 0, 0.02);
}

.table .sub .btn_open {
  margin-left: 1.5rem;
}

.table .no_sub .btn_open {
  opacity: 0.5;
}

header.hide-x {
  top: -100%;
}

footer.hide-x {
  bottom: -100%;
}

.mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  display: block;
  background-color: var(--color_mask);
  transition: opacity 0.5s ease;
  z-index: 31;
}

.hide-x .mask {
  width: 0;
  height: 0;
  opacity: 0;
}

.container {
  width: 100%;
  max-width: 77rem;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.grid {
  max-width: 76rem;
  margin: 0 auto;
  position: relative;
  flex-wrap: wrap;
  display: flex;
  align-content: flex-start;
  align-items: stretch;
  justify-content: start;
  justify-items: stretch;
}

.col {
  max-width: 100%;
}

/**
 */
.card {
  border-radius: var(--radius_small);
  height: calc(100% - var(--margin_small) * 2);
  margin: var(--margin_small);
  overflow: hidden;
}

.card_head::before,
.card_head::after,
.card_body::before,
.card_body::after,
.card_foot::before,
.card_foot::after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.card_body {
  position: relative;
}

.card_head {
  position: relative;
  padding: var(--padding_mini) var(--padding_base);
}

.card_head~.card_body {
  border-top: 1px solid rgba(125, 125, 125, 0.25);
}

.card_foot {
  position: relative;
  padding: var(--padding_mini) var(--padding_base);
}

.list,
.info {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.list>*,
.info>* {
  display: block;
  float: left;
  list-style: none;
  position: relative;
  min-width: 8.333333%;
}

ul.list li {
  list-style: none;
  float: left;
  overflow: hidden;
}

ol.list {
  list-style-type: none;
  counter-reset: step;
  counter-increment: step 0;
  padding-left: 2.75rem;
}

ol.list li::before {
  content: counter(step);
  counter-increment: step;
  position: absolute;
  left: -1.75rem;
  top: 50%;
  display: block;
  width: 1.125rem;
  line-height: 1.125rem;
  text-align: center;
  border-radius: 0.125rem;
  transform: translateY(-50%);
  letter-spacing: 0;
  font-size: var(--font_mini);
  height: 1.125rem;
}

.item {
  position: relative;
  width: 100%;
}

.media {
  padding: var(--padding_mini);
}

.doc {
  padding: var(--padding_mini);
  overflow: hidden;
}

.item-ltb .item,
.item-rtb .item,
.item-rr .item,
.item-rl .item,
.item-ll .item,
.item-lr .item {
  padding-left: var(--padding_mini);
  padding-right: var(--padding_mini);
}

.item-tb .media~.doc {
  padding-top: 0;
}

.item .title,
.item .content {
  overflow: hidden;
}

.item-ltb .media {
  float: left;
}

.item-rtb .media {
  float: right;
  margin-left: var(--margin_small);
}

.item-ll .media,
.item-lr .media {
  float: left;
}

.item-ll .title,
.item-lr .title {
  float: left;
  margin-right: var(--margin_small);
  min-width: 2rem;
}

.item-lr .content {
  text-align: right;
}

.item-rl .media,
.item-rr .media {
  float: right;
}

.item-rl .title {
  float: left;
  margin-right: var(--margin_small);
}

.item-rr .title {
  float: right;
}

.mobile .item {
  border-bottom: 1px solid var(--color_border);
  margin-bottom: -1px;
}

.group {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 1px;
  padding-right: 1px;
}

.group>* {
  margin-right: -1px;
  flex: 1;
  float: left;
  border-radius: 0 !important;
  white-space: nowrap;
}

.group>*:focus {
  z-index: 20;
}

.group>*:first-child {
  margin-left: -1px;
}

.group>input~.btn,
.group>input~[class*=mm_btn_] {
  flex: inherit;
}

.group>span,
.group>.unit,
.group>.title {
  flex: inherit;
  padding-left: var(--padding_base);
  padding-right: var(--padding_base);
  background-color: var(--color_light);
  border: 1px solid var(--color_border);
  font-size: 0.75rem;
  text-align: center;
}

.group-0>*:first-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.group-0>*:last-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.group-1>*:first-child {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.group-1>*:last-child {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.group-2>*:first-child {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.group-2>*:last-child {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.info .item {
  border-top: none;
  border-bottom: none;
  overflow: hidden;
}

.info .title {
  display: flex;
  align-items: center;
}

.info .title::after,
.info .content::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--color_border);
  position: absolute;
  bottom: 0;
  width: 100%;
}

.info.item-rtb.img-base .media~.title::after,
.info.item-rtb.img-base .media~.content::after {
  width: calc(100% - var(--img_size_base) - var(--margin_base) * 2 - var(--padding_base));
}

.info.item-rtb.img-big .media~.title::after,
.info.item-rtb.img-big .media~.content::after {
  width: calc(100% - var(--img_size_big) - var(--margin_base) * 2 - var(--padding_base));
}

.info .content img {
  max-width: 16.25rem;
  max-height: 16.25rem;
}

.item-ll.img-small .title,
.item-lr.img-small .title,
.item-ll.img-small .content,
.item-lr.img-small .content {
  line-height: var(--height_base);
}

.info-base .item {
  display: flex;
}

.info-base .item .title {
  min-width: 5rem;
}

.info-base .item .content {
  color: var(--color_default);
  line-height: var(--height_base);
}

.info-base .item .grid {
  width: 90%;
}

.mobile input[type=range],
.mobile input[type=text],
.mobile input[type=number],
.mobile input[type=password],
.mobile input[type=tel],
.mobile input[type=email],
.mobile input[type=date],
.mobile input[type=datetime],
.mobile input[type=time],
.mobile input[type=datetime-local],
.mobile input[type=month],
.mobile input[type=week],
.mobile input[type=url] {
  width: 100%;
  border: none;
  padding-left: 0;
  padding-right: 0;
}

.mobile textarea {
  border: none;
  padding: var(--padding_mini) 0;
  min-width: auto;
}

.mobile select~input[type=text],
.mobile select~input[type=number],
.mobile select~input[type=tel] {
  border: 1px solid var(--color_border);
  padding-left: var(--padding_small);
  padding-right: var(--padding_small);
  width: initial;
}

.card-full {
  margin: var(--margin_small);
  height: calc(100% - var(--margin_base));
}

.table-sm td,
.table-sm th {
  padding: 0.25rem var(--padding_mini);
}

.modal {
  position: fixed;
  z-index: 30;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translate(-100%, -100%);
}

.modal .mask {
  transition: all 0.2s ease-in-out;
}

.modal.show {
  transform: translate(0, 0);
}

.modal .body {
  background: #fff;
}

.modal .popup {
  position: absolute;
  z-index: 32;
}

.trans {
  transition: all 0.2s linear;
}

.show [class*=from_] {
  position: absolute;
  z-index: 40;
  width: 100%;
}

.show .from_default {
  max-width: 30rem;
  min-height: 7.5rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.from_left {
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  max-width: 18.75rem;
  transform: translate(-100%, 0);
}

.from_right {
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  max-width: 18.75rem;
  transform: translate(100%, 0);
}

.from_top {
  top: 0;
  left: 0;
  right: 0;
  transform: translate(0, -100%);
}

.from_bottom {
  bottom: 0;
  left: 0;
  right: 0;
  transform: translate(0, 100%);
}

.from_center {
  top: 50%;
  left: 50%;
  width: 25%;
  max-width: 30rem;
  transform: translate(-50%, -50%);
}

.show .from_left,
.show .from_right,
.show .from_top,
.show .from_bottom,
.show .from_center {
  transition: all 0.2s linear;
}

.show .from_left,
.show .from_right,
.show .from_top,
.show .from_bottom {
  transform: translate(0, 0);
}

.show .from_center {
  width: 100%;
}

.value label {
  margin-right: var(--margin_base);
  display: block;
  float: left;
}

.mobile .value label {
  float: none;
}

.form dt {
  line-height: 2rem;
}

.form dd {
  line-height: 1;
}

.icon {
  background: center center no-repeat;
  background-size: 100%;
  width: 100%;
}

.icon img {
  width: 100%;
}

@media (max-width: 576px) {
  .side.hide-x .warp {
    left: -100%;
  }

  .form dt {
    float: none;
    padding-bottom: 0;
  }

  .form dd {
    float: none;
    padding-top: 0;
  }
}

@media (min-width: 576px) {

  .side~header,
  .side~footer {
    width: calc(100% - 12rem);
  }

  .side~main {
    margin-left: 12rem;
  }

  .side~header .container,
  .side~footer .container,
  .side~main .container {
    max-width: initial;
  }

  .side~main .row {
    justify-content: left;
  }

  .side.fold~header,
  .side.fold~footer {
    width: calc(100% - 2.5rem);
  }

  .side.fold~main {
    margin-left: 2.5rem;
  }

  .side.fold .warp {
    width: 2.5rem;
  }

  .side.fold .btn:after {
    content: none;
  }

  .side.fold .box {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 12rem;
    background: #fff;
    border: 1px solid rgba(125, 125, 125, 0.25);
    box-shadow: 0 0.25rem 0.5rem 0 rgba(7, 17, 27, 0.1);
  }

  .side.fold .item:hover .box {
    display: block;
    max-height: initial;
  }

  .side.fold .box a:hover {
    background: var(--color_primary);
  }
}

.show {
  display: block !important;
}

.show_phone {
  display: none !important;
}

.show_pad {
  display: none !important;
}

.show_pc {
  display: none !important;
}

.hide {
  display: none !important;
}

.hide_phone {
  display: block !important;
}

.hide_pad {
  display: block !important;
}

.hide_pc {
  display: block !important;
}

@media (max-width: 576px) {
  .show_phone {
    display: block !important;
  }

  .hide_phone {
    display: none !important;
  }
}

@media (min-width: 576px) and (min-width: 992px) {
  .show_pad {
    display: block !important;
  }

  .hide_pad {
    display: none !important;
  }
}

@media (min-width: 1250px) {
  .show_pc {
    display: block !important;
  }

  .hide_pc {
    display: none !important;
  }
}

.card {
  border-radius: var(--radius_small);
  overflow: hidden;
}

.stroke {
  -webkit-background-clip: content-box;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px var(--color_base);
}

.title-right .content {
  text-align: right;
}

.content-right .content {
  text-align: right;
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.mobile .list-2>*,
.mobile .list-3>*,
.mobile .list-4>*,
.mobile .list-5>*,
.mobile .list-6>*,
.mobile .list-8>*,
.mobile .list-24px>*,
.mobile .list-12>* {
  border-right: 1px solid var(--color_border);
}

.mobile .list-2>*:nth-child(2n),
.mobile .list-3>*:nth-child(3n),
.mobile .list-4>*:nth-child(4n),
.mobile .list-5>*:nth-child(5n),
.mobile .list-6>*:nth-child(6n),
.mobile .list-8>*:nth-child(8n),
.mobile .list-24px>*:nth-child(10n),
.mobile .list-12>*:nth-child(12n) {
  border-right: none;
}

@media (min-width: 576px) {
  .container {
    max-width: 33.75rem;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 45rem;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 60rem;
  }
}

@media (min-width: 1250px) {
  .container {
    max-width: 71.25rem;
  }
}

@media (min-width: 576px) {

  .container,
  .container-sm {
    max-width: 33.75rem;
  }
}

@media (min-width: 768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 45rem;
  }
}

@media (min-width: 992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 60rem;
  }
}

@media (min-width: 1250px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 71.25rem;
  }
}

.col,
.col-1,
.col-24px,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-24px,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-24px,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-24px,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-24px,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  padding: 0 !important;
  width: 100%;
}

.w-auto,
.col-auto {
  -ms-flex: auto !important;
  flex-basis: auto !important;
  width: auto !important;
  max-width: 100% !important;
}

.col-1 {
  -ms-flex: 8.333333% !important;
  flex-basis: 8.333333% !important;
  width: 8.333333 !important;
}

.col-2 {
  -ms-flex: 16.666667% !important;
  flex-basis: 16.666667% !important;
  width: 16.666667% !important;
}

.w-25,
.col-3 {
  -ms-flex: 25% !important;
  flex-basis: 25% !important;
  width: 25% !important;
}

.w-33,
.col-4 {
  -ms-flex: 33.333333% !important;
  flex-basis: 33.333333% !important;
  width: 33.333333% !important;
}

.col-5 {
  -ms-flex: 41.666667% !important;
  flex-basis: 41.666667% !important;
  width: 41.666667% !important;
}

.w-50,
.col-6 {
  -ms-flex: 50% !important;
  flex-basis: 50% !important;
  width: 50% !important;
}

.col-7 {
  -ms-flex: 58.333333% !important;
  flex-basis: 58.333333% !important;
  width: 58.333333% !important;
}

.w-66,
.col-8 {
  -ms-flex: 66.666667% !important;
  flex-basis: 66.666667% !important;
  width: 66.666667% !important;
}

.w-75,
.col-9 {
  -ms-flex: 75% !important;
  flex-basis: 75% !important;
  width: 75% !important;
}

.col-24px {
  -ms-flex: 83.333333% !important;
  flex-basis: 83.333333% !important;
  width: 83.333333% !important;
}

.col-11 {
  -ms-flex: 91.666667% !important;
  flex-basis: 91.666667% !important;
  width: 91.666667% !important;
}

.w-100,
.col-12 {
  -ms-flex: 100% !important;
  flex-basis: 100% !important;
  width: 100% !important;
}

.w-20 {
  -ms-flex: 20% !important;
  flex-basis: 20% !important;
  width: 20% !important;
}

.w-30 {
  -ms-flex: 30% !important;
  flex-basis: 30% !important;
  width: 30% !important;
}

.w-40 {
  -ms-flex: 40% !important;
  flex-basis: 40% !important;
  width: 40% !important;
}

.w-60 {
  -ms-flex: 60% !important;
  flex-basis: 60% !important;
  width: 60% !important;
}

.w-80 {
  -ms-flex: 80% !important;
  flex-basis: 80% !important;
  width: 80% !important;
}

@media (max-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100% !important;
  }
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100% !important;
  }

  .w-sm-50,
  .col-sm-6 {
    -ms-flex: 50% !important;
    flex-basis: 50% !important;
    width: 50% !important;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100% !important;
  }

  .col-md-1 {
    -ms-flex: 8.333333% !important;
    flex-basis: 8.333333% !important;
    width: 8.333333% !important;
  }

  .col-md-2 {
    -ms-flex: 16.666667% !important;
    flex-basis: 16.666667% !important;
    width: 16.666667% !important;
  }

  .w-md-25,
  .col-md-3 {
    -ms-flex: 25% !important;
    flex-basis: 25% !important;
    width: 25% !important;
  }

  .w-md-33,
  .col-md-4 {
    -ms-flex: 33.333333% !important;
    flex-basis: 33.333333% !important;
    width: 33.333333% !important;
  }

  .col-md-9 {
    -ms-flex: 75% !important;
    flex-basis: 75% !important;
    width: 75% !important;
  }

  .w-md-100,
  .col-md-12 {
    -ms-flex: 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100% !important;
  }

  .col-lg-1 {
    -ms-flex: 8.333333% !important;
    flex-basis: 8.333333% !important;
    width: 8.333333% !important;
  }

  .col-lg-2 {
    -ms-flex: 16.666667% !important;
    flex-basis: 16.666667% !important;
    width: 16.666667% !important;
  }

  .col-lg-3 {
    -ms-flex: 25% !important;
    flex-basis: 25% !important;
    width: 25% !important;
  }

  .col-lg-4 {
    -ms-flex: 33.333333% !important;
    flex-basis: 33.333333% !important;
    width: 33.333333% !important;
  }

  .col-lg-9 {
    -ms-flex: 75% !important;
    flex-basis: 75% !important;
    width: 75% !important;
  }

  .col-lg-12 {
    -ms-flex: 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

@media (min-width: 1250px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100% !important;
  }
}

.fr {
  float: right !important;
}

.fl {
  float: left !important;
}

.fc {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.fn {
  float: none !important;
  clear: both;
}

.cl {
  clear: left !important;
}

.cr {
  clear: right !important;
}

.cc {
  clear: both !important;
}

.cn {
  clear: none !important;
}

.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.icon-x figure {
  border: 1px solid rgba(125, 125, 125, 0.25);
  padding: 0.5rem;
  background: #fff !important;
}

.img-base .img {
  width: var(--img_size_base);
  height: var(--img_size_base);
}

.invert {
  filter: invert(100%);
}

.disabled {
  pointer-events: none;
  cursor: not-allowed;
  /* 	-webkit-filter: grayscale(100%);
  filter: grayscale(100%); */
  border: none !important;
  background: rgb(250, 250, 250);
  color: var(--color_default) !important;
}

.required {
  position: relative;
}

.required::before {
  position: absolute;
  content: "*";
  color: var(--color_error);
  left: 0;
  top: 1rem;
}

.active,
.hover,
.focus,
.click {
  position: relative;
}

.btn {
  display: inline-block;
  text-transform: none;
  cursor: pointer;
  border: 1px solid var(--color_border);
  padding-left: var(--padding_small);
  padding-right: var(--padding_small);
  border-radius: var(--radius_small);
  font-size: 0.875rem;
}

.box {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9;
}

.box::before,
.box::after {
  display: block;
  content: "";
  clear: both;
  float: none;
}

.current .box {
  display: inline-block;
}

.radio input {
  display: none;
}

.radio .figure {
  position: relative;
  top: 3px;
  display: inline-block;
  overflow: hidden;
  width: 1.125rem;
  height: 1.125rem;
  border: 1px solid #38f;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.radio .active .figure::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: " ";
  display: inline-block;
  width: 0.325rem;
  height: 0.325rem;
  background: #38f;
  border-radius: 50%;
}

.code .group {
  border-bottom: none;
}

.number {
  display: inline-block;
}

.number .value {
  display: flex;
}

.number input::-webkit-outer-spin-button,
.number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.number input[type=number] {
  border: none;
  text-align: center;
  -moz-appearance: textfield;
  min-width: auto;
}

.btn_del,
.btn_add {
  display: block;
  position: relative;
  line-height: 1;
}

.btn_del::before,
.btn_add::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
  height: 2px;
  background: #fff;
  line-height: 1;
}

.btn_add::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 0.5rem;
  background: #fff;
  line-height: 1;
}

.switch .onoff {
  position: relative;
  display: block;
  height: 2rem;
  line-height: 2.2rem !important;
  width: 3.75rem !important;
  background: #fff;
  border: 1px solid var(--color_border);
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.switch .onoff::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(2rem - 1px);
  height: calc(2rem - 1px);
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--color_border);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
  content: "";
  transition: all 0.3s ease;
}

.switch .active .onoff {
  background: #04BE02;
}

.switch .active .onoff::after {
  left: 1.79rem;
}

.switch label:active .onoff::after {
  transform: scale(1.15, 0.85);
}

.switch .on,
.switch .off {
  display: block;
  position: absolute;
  top: 49%;
  transform: translateY(-50%);
}

.switch .on {
  left: 0.35rem;
}

.switch .on::before {
  content: "ON";
  font-size: 0.625rem;
  color: #fff;
}

.switch .off {
  right: 0.25rem;
}

.switch .off::before {
  content: "OFF";
  font-size: 0.625rem;
  color: #999;
}

.select a {
  color: inherit;
  display: inline-block;
}

.select .value {
  font-size: 0.875rem;
}

.select select {
  padding: 0 1.5rem 0 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid rgba(125, 125, 125, 0.25);
  height: 2rem;
  background-position-x: calc(100% - 0.25rem);
}

.select .selected {
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  height: 2rem;
  line-height: 2rem;
  border: 1px solid rgba(125, 125, 125, 0.25);
}

.select .box {
  top: 2.05rem;
  bottom: initial;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(125, 125, 125, 0.25);
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  left: 0;
  min-width: 5rem;
}

.select ul {
  padding: 0;
  list-style: none;
}

.select li {
  padding: 0 0.5rem;
  line-height: 2rem;
  width: 100%;
}

.select li:hover {
  background: #f9f9f9;
  color: #000000;
}

.textarea .value {
  position: relative;
}

.textarea .btn_expand {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  opacity: 0;
  font-size: 0.75rem;
  padding: 0.25rem;
  height: auto;
  line-height: 1;
}

.textarea textarea:focus~.btn_expand {
  display: inline-block;
  opacity: 1;
}

.textarea .tox-tinymce {
  display: none;
}

.textarea.show-expand .value textarea {
  display: none;
}

.textarea.show-expand .tox-tinymce {
  display: block;
}

.current .selected,
.hover:hover .selected,
.focus:focus .selected {
  border-color: #38f;
}

.reverse {
  display: flex;
}

.reverse .figure {
  height: 2rem;
  width: 1rem;
  position: relative;
  padding-top: 0.125rem;
}

.input .title,
.checkbox .title,
.radio .title,
.select .title,
.number .title,
.slider .title,
.switch .title,
.reverse .title {
  float: left;
  padding-left: 1rem;
  padding-right: 0.5rem;
  min-width: 6.5rem;
}

.checkbox .figure {
  position: relative;
  top: 3px;
  display: inline-block;
  overflow: hidden;
  width: 1.125rem;
  height: 1.125rem;
  border: 1px solid #38f;
  border-radius: 50%;
}

table .reverse .figure {
  float: right;
}

table .reverse .title {
  min-width: initial;
  padding-left: 0;
  float: left;
  white-space: nowrap;
}

.checkbox .active .figure {
  background: #38f;
}

.checkbox .active .figure::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  content: " ";
  display: inline-block;
  width: 0.5rem;
  height: 0.25rem;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.input,
.checkbox,
.radio,
.select,
.number,
.slider,
.switch {
  position: relative;
}

.switch .value {
  display: inline-block;
}

.input .value::before,
.checkbox .value:before,
.radio .value:before,
.number .value:before,
.slider .value:before,
.switch .value:before {
  content: "";
  display: block;
}

.input .value:after,
.checkbox .value:after,
.radio .value:after,
.number .value:after,
.slider .value:after,
.switch .value:after {
  content: "";
  display: block;
}

.input .unit {
  padding-left: 0.5rem;
  padding-right: 1rem;
}

.nav a {
  color: inherit;
  text-decoration: none;
}

.data_count {
  padding: 0.5rem 0;
}

.click {
  display: inline-block;
}

.click .box {
  right: initial;
  min-width: 5.25rem;
}

.hover:hover .box {
  display: inline-block;
}

.focus:focus .box {
  display: inline-block;
}

.active:active .box {
  display: inline-block;
}

.inline .input,
.inline .checkbox,
.inline .radio,
.inline .select,
.inline .number,
.inline .slider,
.inline .switch {
  display: inline-block;
}

.pc .select {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pc .input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pc .input input {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid rgba(125, 125, 125, 0.25);
  height: 2rem;
  min-width: 12rem;
}

.pc .checkbox .figure {
  margin-right: 0.5rem;
}

.pc .number .value {
  border: 1px solid #38f;
  border-radius: 0.25rem;
}

.pc .number [class*=mm_btn] {
  border-radius: 0;
  min-width: 2rem;
}

.tab_head>div {
  text-align: center;
  padding: 0 1rem;
  border-right: 1px solid var(--color_border);
  display: inline-block;
}

.tab_head>.active {
  border-bottom: 1px solid var(--bg_grey);
  color: #38f;
  background-color: var(--bg_grey);
}

.pager,
[class*=mm_pager_] {
  text-align: center;
  margin: auto;
}

.pager a,
[class*=mm_pager_] a {
  padding: 0 0.5rem;
  position: relative;
  z-index: 1;
  min-width: 2.25rem;
  white-space: nowrap;
  display: inline-block;
  color: #333;
  border: 1px solid rgba(125, 125, 125, 0.25);
  margin-left: -1px;
  text-align: center;
}

.pager a:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.pager a:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.pager a:hover,
.pager a:active {
  z-index: 2;
}

.pager .active,
[class*=mm_pager_] .active {
  background: #38f;
  color: #fff;
  border-color: #38f;
}

.pager.group>a,
[class*=mm_pager_].group>a {
  margin-left: -1px;
}

.table {
  overflow-x: auto;
}

.table th {
  white-space: nowrap;
}

.table td {
  max-width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

table .btn {
  border-radius: 0.25rem;
  display: inline-block;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-right: 0.5rem;
  font-size: 0.75rem;
}

.input_display {
  width: 3rem;
  text-align: center;
  border-radius: var(--radius_small);
  border: 1px solid var(--color_border);
}

.th_id {
  min-width: 4rem;
}

.th_uin {
  min-width: 12rem;
}

.th_name {
  min-width: 8rem;
}

.th_type {
  min-width: 6rem;
}

.th_address {
  min-width: 15rem;
}

.th_username {
  min-width: 10rem;
}

.th_nickname {
  min-width: 10rem;
}

.th_phone {
  min-width: 9rem;
}

.th_email,
.th_time {
  min-width: 10rem;
}

.th_num {
  min-width: 8rem;
}

.th_score,
.th_state {
  min-width: 5.5rem;
}

.th_handle {
  min-width: 10rem;
}

.th_title {
  width: 15rem;
}

.th_desc {
  width: 20rem;
}

.th_selected {
  width: 3rem;
  text-align: center;
}

.upload_img {
  text-align: center;
  position: relative;
}

.upload_img .btns {
  position: absolute;
  left: calc(100% + 1rem);
  bottom: 0;
}

.upload_img .btn_link {
  font-size: 0.625rem;
  padding: 0 0.5rem;
  white-space: nowrap;
  margin-top: 0.5rem;
}

.upload_img .from_default {
  min-width: 75%;
}

.upload_img .btn_close {
  position: absolute;
  left: 50%;
  bottom: -2rem;
  transform: translateX(-50%);
  border: none;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  padding: 0 0.05rem 0.1rem 0;
  width: 2rem;
  height: 2rem;
  color: rgb(105, 105, 105);
}

.upload_img .icon {
  border-radius: 0.25rem;
  border: 1px dashed rgba(125, 125, 125, 0.5);
}

.upload_img .icon img {
  display: none;
}

.upload_add .icon::before,
.upload_add .icon::after {
  content: "";
  display: block;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(125, 125, 125, 0.5);
}

.upload_add .icon::before {
  width: 1rem;
  height: 0.125rem;
}

.upload_add .icon::after {
  width: 0.125rem;
  height: 1rem;
}

.nav_path {
  margin: 0 0.5rem;
}

.nav_path a~a::before {
  content: "\\";
  color: var(--color_border);
  margin-left: 0.125rem;
  margin-right: 0.5rem;
}

.rich-text {
  display: block;
  width: 100vw;
}

.bar_chart {
  height: 300px;
}

.line_chart {
  height: 300px;
}

.pie_chart {
  height: 300px;
}

/**theme.css*/
.tip,
.desc,
.description {
  color: var(--color_describe);
}

.money,
.total,
.price {
  color: var(--color_warning_b);
  font-weight: 600;
}

.price_old {
  color: var(--color_default);
  text-decoration: line-through;
}

.num {
  color: var(--color_info_b);
  font-weight: 600;
}

.time {
  color: var(--color_default);
}

.mm_card,
.card {
  background: #fff;
  border: 1px solid rgba(125, 125, 125, 0.25);
  box-shadow: 0 0.25rem 0.5rem 0 rgba(7, 17, 27, 0.1);
}

.mm_table,
[class*=table-] {
  background: #fff;
}

body {
  background-color: var(--bg_grey);
}

button {
  background-color: var(--color_white);
}

button:active {
  background: var(--color_border);
  border-color: var(--color_border);
}

table a {
  color: var(--color_info);
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  /* 	background: url('') no-repeat center right transparent;
  */
  padding-right: 1.5rem;
  background-position: calc(100% - 3px) center;
}

input::-webkit-input-placeholder {
  color: var(--color_tip);
}

input:-moz-placeholder {
  color: var(--color_tip);
}

input:-ms-input-placeholder {
  color: var(--color_tip);
}

nav a:hover {
  color: var(--color_primary_h);
}

nav a:active {
  color: var(--color_primary_b);
}

.mm_side .mm_warp {
  color: var(--color_white);
  background: var(--bg_black);
}

.mm_page>header .mm_warp {
  background: var(--bg_black);
  color: var(--color_white);
}

.mm_page>footer .mm_warp {
  background: var(--bg_white);
}

[disabled],
.disabled {
  opacity: var(--opacity_disabled);
}

input[disabled],
input.disabled {
  pointer-events: none;
}

button[disabled],
button.disabled {
  cursor: not-allowed;
}

ol.mm_list li::before {
  color: var(--color_white);
  background-color: #afbfd4;
}

ol.mm_list li:nth-child(1)::before {
  background-color: #f12f04;
}

ol.mm_list li:nth-child(2)::before {
  background-color: #ff5000;
}

ol.mm_list li:nth-child(3)::before {
  background-color: #ff9000;
}

.bg {
  background: #b1d5e9 !important;
}

.bg_white {
  background: #fff !important;
  color: var(--color_black);
}

.bg_black {
  background: var(--color_black) !important;
  color: var(--color_white);
  border-color: var(--color_black);
}

.bg_light {
  background: var(--color_light) !important;
  color: var(--color_default);
  border-color: var(--color_light);
}

.bg_dark {
  background: var(--color_dark) !important;
  color: var(--color_white);
  border-color: var(--color_dark);
}

.bg_grey {
  background: var(--color_grey) !important;
  color: var(--color_white);
  border-color: var(--color_grey);
}

.bg_default {
  background: var(--color_default) !important;
  color: var(--color_white);
  border-color: var(--color_default);
}

.bg_red {
  background: var(--color_red) !important;
  color: var(--color_white);
  border-color: var(--color_red);
}

.bg_orange {
  background: var(--color_orange) !important;
  color: var(--color_white);
  border-color: var(--color_orange);
}

.bg_error {
  background: var(--color_error) !important;
  color: var(--color_white);
  border-color: var(--color_error);
}

.bg_yellow {
  background: var(--color_yellow) !important;
  color: var(--color_white);
  border-color: var(--color_yellow);
}

.bg_danger,
.bg_warning {
  background: var(--color_warning) !important;
  color: var(--color_white);
  border-color: var(--color_warning);
}

.bg_green {
  background: var(--color_green) !important;
  color: var(--color_white);
  border-color: var(--color_green);
}

.bg_success {
  background: var(--color_success) !important;
  color: var(--color_white);
  border-color: var(--color_success);
}

.bg_cyan {
  background: var(--color_cyan) !important;
  color: var(--color_white);
  border-color: var(--color_cyan);
}

.bg_info {
  background: var(--color_info) !important;
  color: var(--color_white);
  border-color: var(--color_info);
}

.bg_blue {
  background: var(--color_blue) !important;
  color: var(--color_white);
  border-color: var(--color_blue);
}

.bg_primary {
  background: var(--color_primary) !important;
  color: var(--color_white);
  border-color: var(--color_primary);
}

.bg_purple {
  background: var(--color_purple) !important;
  color: var(--color_white);
  border-color: var(--color_purple);
}

.bg_no {
  background: none !important;
}

.font_black {
  color: var(--color_black) !important;
}

.font_dark,
.font_default {
  color: var(--color_dark) !important;
}

.font_grey {
  color: var(--color_grey) !important;
}

.font_light {
  color: var(--color_light) !important;
}

.font_red,
.font_error {
  color: var(--color_error) !important;
}

.font_green,
.font_success {
  color: var(--color_success) !important;
}

.font_blue,
.font_primary {
  color: var(--color_primary) !important;
}

.font_yellow,
.font_danger,
.font_warning {
  color: var(--color_warning) !important;
}

.font_cyan,
.font_info {
  color: var(--color_info) !important;
}

[class*=font_]:active {
  filter: contrast(2) brightness(0.9);
}

.br_default {
  border-color: var(--color_default) !important;
}

.br_error {
  border-color: var(--color_error) !important;
}

.br_success {
  border-color: var(--color_success) !important;
}

.br_primary {
  border-color: var(--color_primary) !important;
}

.br_danger,
.br_warning {
  border-color: var(--color_warning) !important;
}

.br_info {
  border-color: var(--color_info) !important;
}

.btn_default-x {
  color: var(--color_default);
  border-color: var(--color_default);
}

.btn_error-x {
  color: var(--color_error);
  border-color: var(--color_error);
}

.btn_success-x {
  color: var(--color_success);
  border-color: var(--color_success);
}

.btn_primary-x {
  color: var(--color_primary);
  border-color: var(--color_primary);
}

.btn_danger-x,
.btn_warning-x {
  color: var(--color_warning);
  border-color: var(--color_warning);
}

.btn_info-x {
  color: var(--color_info);
  border-color: var(--color_info);
}

.btn_default-x:active {
  color: var(--color_default_b);
  background-color: rgba(51, 51, 51, 0.1);
}

.btn_error-x:active {
  color: var(--color_error_b);
  background-color: rgba(198, 10, 10, 0.1);
}

.btn_success-x:active {
  color: var(--color_success_b);
  background-color: rgba(47, 152, 51, 0.1);
}

.btn_primary-x:active {
  color: var(--color_primary_b);
  background-color: rgba(51, 136, 255, 0.1);
}

.btn_danger-x:active,
.btn_warning-x:active {
  color: var(--color_warning_b);
  background-color: rgba(255, 80, 0, 0.1);
}

.btn_info-x:active {
  color: var(--color_info_b);
  background-color: rgba(21, 186, 248, 0.1);
}

.btn_default {
  background-color: var(--color_default);
  color: var(--color_white);
  border-color: transparent !important;
}

.btn_error {
  background-color: var(--color_error);
  color: var(--color_white);
  border-color: transparent !important;
}

.btn_success {
  background-color: var(--color_success);
  color: var(--color_white);
  border-color: transparent !important;
}

.btn_primary {
  background-color: var(--color_primary);
  color: var(--color_white);
  border-color: transparent !important;
}

.btn_danger,
.btn_warning {
  background-color: var(--color_warning);
  color: var(--color_white);
  border-color: transparent !important;
}

.btn_info {
  background-color: var(--color_info);
  color: var(--color_white);
  border-color: transparent !important;
}

.btn_link {
  border: none;
  color: inherit;
  background: none;
}

.linear_red,
.linear_warning {
  background-image: linear-gradient(135deg, #FF5A6A 0%, #f12f04 100%);
  color: var(--color_white);
}

.linear_yellow,
.linear_danger {
  background-image: linear-gradient(135deg, rgb(252, 207, 49) 10%, rgb(245, 85, 85) 100%);
  color: var(--color_white);
}

.linear_green,
.linear_success {
  background-image: linear-gradient(135deg, rgb(255, 247, 32) 10%, rgb(60, 213, 0) 100%);
  color: var(--color_white);
}

.linear_blue,
.linear_info {
  background-image: linear-gradient(135deg, rgb(94, 252, 232) 10%, rgb(115, 110, 254) 100%);
  color: var(--color_white);
}

.linear_purple {
  background-image: linear-gradient(135deg, #EE9AE5 10%, #5961F9 100%);
  color: var(--color_white);
}

.linear_red-1 {
  background-image: linear-gradient(135deg, #fffddc 0%, #ff4c4c 20%, #fa2aa4 100%);
  color: var(--color_white);
}

.linear_red-2 {
  background-image: linear-gradient(135deg, #ffe7dc 0%, #ff7a4c 20%, #fa2a7d 100%);
  color: var(--color_white);
}

.linear_yellow-1 {
  background-image: linear-gradient(135deg, #ffe4dc 0%, #faa02a 20%, #ff4c5d 100%);
  color: var(--color_white);
}

.linear_yellow-2 {
  background-image: linear-gradient(135deg, #fffadc 0%, #faf32a 20%, #ff7f4c 100%);
  color: var(--color_white);
}

.linear_green-1 {
  background-image: linear-gradient(135deg, #dcf9ff 0%, #e8ff4c 20%, #2afac2 100%);
  color: var(--color_white);
}

.linear_green-2 {
  background-image: linear-gradient(135deg, #fff7dc 0%, #4cff6e 20%, #46c4fe 100%);
  color: var(--color_white);
}

.linear_blue-1 {
  background-image: linear-gradient(135deg, #dcfff9 0%, #2afadf 20%, #4c83ff 100%);
  color: var(--color_white);
}

.linear_blue-2 {
  background-image: linear-gradient(135deg, #dcffe0 0%, #2accfa 20%, #b14cff 100%);
  color: var(--color_white);
}

.linear_purple-1 {
  background-image: linear-gradient(135deg, #ffe8dc 0%, #ff4cb5 20%, #cc2afa 100%);
  color: var(--color_white);
}

.linear_purple-2 {
  background-image: linear-gradient(135deg, #ffe8dc 0%, #ec4cff 20%, #652afa 100%);
  color: var(--color_white);
}

.btn_default:active {
  background-color: var(--color_default_b);
  color: var(--color_white);
}

.btn_error:active {
  background-color: var(--color_error_b);
  color: var(--color_white);
}

.btn_success:active {
  background-color: var(--color_success_b);
  color: var(--color_white);
}

.btn_primary:active {
  background-color: var(--color_primary_b);
  color: var(--color_white);
}

.btn_danger:active,
.btn_warning:active {
  background-color: var(--color_warning_b);
  color: var(--color_white);
}

.btn_info:active {
  background-color: var(--color_info_b);
  color: var(--color_white);
}

tbody tr:hover {
  background-color: rgba(0, 100, 200, 0.075);
}

tbody tr.active {
  background-color: rgba(0, 100, 200, 0.075) !important;
}

.table_warning tr:hover {
  background-color: #f1b0b7;
}

.table_success tr:hover {
  background-color: #b1dfbb;
}

.table_info tr:hover {
  background-color: #abdde5;
}

.table_dark tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.085);
}

.table-2 tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.inverted {
  filter: invert(100%);
}

@keyframes wave_animation {
  0% {
    top: calc((100% - 0.25rem) / 2);
    left: calc((100% - 0.25rem) / 2);
    width: 0.25rem;
    height: 0.25rem;
    opacity: 0.25;
  }

  50% {
    top: calc((100% - 2rem) / 2);
    left: calc((100% - 2rem) / 2);
    width: 2rem;
    height: 2rem;
    opacity: 1;
  }

  100% {
    top: calc((100% - 6rem) / 2);
    left: calc((100% - 6rem) / 2);
    width: 6rem;
    height: 6rem;
    opacity: 0;
  }
}

input.form-control,
input,
textarea {
  padding: 7px 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  box-shadow: none !important;
}

input.form-control:hover,
input:hover,
textarea:hover {
  border: 1px solid #5e6671;
}

input.form-control:focus,
input:focus,
textarea:focus {
  border: 1px solid #0d6efd;
}

input.el-input__inner {
  padding: 7px 8px;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: content-box !important;
  position: relative;
  width: 14px;
  height: 14px;
  padding: 0;
  border-radius: 2px;
  border: 1px solid #AAAFBB;
  background: #fff;
  -webkit-appearance: none;
  cursor: pointer;
}

input[type=checkbox]:before,
input[type=radio]:before {
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 3px;
  margin-top: -1px;
  transform: translate(-50%, -50%) rotate(-45deg);
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform-origin: center;
}

input[type=checkbox]:hover,
input[type=radio]:hover {
  border-color: #AAAFBB;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
  border-color: #ed5141;
  background: #ed5141;
}

input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
  content: "";
}

input[type=checkbox].disabled,
input[type=checkbox]:disabled,
input[type=radio].disabled,
input[type=radio]:disabled {
  cursor: default;
  pointer-events: none;
}

input[type=radio] {
  border-radius: 50%;
}

select option {
  margin-bottom: 5px;
}

.btn-outline-info:focus {
  box-shadow: none !important;
}

.page_exam .warp .exam_list_title .search_box,
.page_forum .container .row .card_forum_list .search_box,
#app .page_search .card_result_search .search_box,
.diy_list .diy_list_container .iudis_box,
.page_goods .iudis_box,
.page_article .iudis_box {
  position: relative;
  display: flex;
  height: auto;
  padding: 40px 40px 50px;
  border-radius: 8px;
}

.diy_list .diy_list_container .diy_list_search .view.Search input,
.page_exam .warp .exam_list_title .search_box input,
.page_forum .container .row .card_forum_list .search_box>input,
#app .page_search .card_result_search .search_box input,
.page_goods .iudis_box .search_box input,
.page_article .iudis_box .search_box input {
  flex: 1;
  min-width: 0;
  height: 48px;
  padding-right: 44px !important;
  font-size: 15px;
  margin-right: 0 !important;
  color: rgb(45 45 45 / 90%);
  background: none;
  border: 2px solid #93979d;
  border-radius: 4px;
}

.diy_list .diy_list_container .diy_list_search .view.Search input:focus,
.page_exam .warp .exam_list_title .search_box input:focus,
.page_forum .container .row .card_forum_list .search_box>input:focus,
#app .page_search .card_result_search .search_box input:focus,
.page_goods .iudis_box .search_box input:focus,
.page_article .iudis_box .search_box input:focus {
  box-shadow: none;
  border: 2px solid #e01c2a;
}

.diy_list .diy_list_container .diy_list_search .view.Search .btn,
.page_exam .warp .exam_list_title .search_box .btn,
.page_forum .container .row .card_forum_list .search_box>button,
#app .page_search .card_result_search .search_box .btn,
.page_goods .iudis_box .search_box .btn,
.page_article .iudis_box .search_box .btn {
  flex-shrink: 0;
  position: absolute;
  right: 265px;
  top: 47px;
  width: 60px !important;
  height: 34px !important;
  padding: 0;
  height: 48px;
  font-size: 20px;
  color: #fff;
  line-height: 18px;
  border: 0 none !important;
  background: linear-gradient(121deg, #fe9760, #e01c2a) !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 17px;
  cursor: pointer;
}

.diy_list .diy_list_container .diy_list_search .view.Search .btn svg,
.page_exam .warp .exam_list_title .search_box .btn svg,
.page_forum .container .row .card_forum_list .search_box>button svg,
#app .page_search .card_result_search .search_box .btn svg,
.page_goods .iudis_box .search_box .btn svg,
.page_article .iudis_box .search_box .btn svg {
  display: none;
}

.diy_list .diy_list_container .diy_list_search .view.Search .btn:before,
.page_exam .warp .exam_list_title .search_box .btn:before,
.page_forum .container .row .card_forum_list .search_box>button:before,
#app .page_search .card_result_search .search_box .btn:before,
.page_goods .iudis_box .search_box .btn:before,
.page_article .iudis_box .search_box .btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  background-image: url(../img/icon_search_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.diy_list .diy_list_container .diy_list_search .view.Search .btn:hover,
.page_exam .warp .exam_list_title .search_box .btn:hover,
.page_forum .container .row .card_forum_list .search_box>button:hover,
#app .page_search .card_result_search .search_box .btn:hover,
.page_goods .iudis_box .search_box .btn:hover,
.page_article .iudis_box .search_box .btn:hover {
  background-color: #059e41;
}

.diy_list .diy_list_container .diy_list_search .view.Search .btn:focus,
.page_exam .warp .exam_list_title .search_box .btn:focus,
.page_forum .container .row .card_forum_list .search_box>button:focus,
#app .page_search .card_result_search .search_box .btn:focus,
.page_goods .iudis_box .search_box .btn:focus,
.page_article .iudis_box .search_box .btn:focus {
  box-shadow: none;
}

.page_user .card_addres>div:nth-child(1)>span,
.page_user .container-fluid .el-row:nth-child(1) div,
.page_goods .card_aside h5,
.page_goods .page_goods_list_hot .card_list_hot .hot_title,
#app .diy_details .diy_details_box .details_title,
.page_article .list_hot .hot_title,
.page_article .card_article_hot .hot_title,
.page_notice.notice-detail .notice_list .notice_title h5,
#app .page_search .card_result_search>.title,
#app .page_search .card_result_search .iou .title,
.page_message .card_message h4,
.article_recommend .title,
.diy_recommend .title,
.notice_list_title .title,
.article_list_title .title,
.good_list_title .title,
.diy_list_title .title {
  position: relative;
  display: inline-block !important;
  vertical-align: top;
  float: none !important;
  padding-left: 0 !important;
  padding: 0 10px !important;
  height: auto !important;
  font-size: 20px !important;
  line-height: 47px;
  font-weight: 500;
  color: #1a2535 !important;
  background: none;
}

.page_user .card_addres>div:nth-child(1)>span:before,
.page_user .container-fluid .el-row:nth-child(1) div:before,
.page_goods .card_aside h5:before,
.page_goods .page_goods_list_hot .card_list_hot .hot_title:before,
#app .diy_details .diy_details_box .details_title:before,
.page_article .list_hot .hot_title:before,
.page_article .card_article_hot .hot_title:before,
.page_notice.notice-detail .notice_list .notice_title h5:before,
#app .page_search .card_result_search>.title:before,
#app .page_search .card_result_search .iou .title:before,
.page_message .card_message h4:before,
.article_recommend .title:before,
.diy_recommend .title:before,
.notice_list_title .title:before,
.article_list_title .title:before,
.good_list_title .title:before,
.diy_list_title .title:before,
.page_user .card_addres>div:nth-child(1)>span:after,
.page_user .container-fluid .el-row:nth-child(1) div:after,
.page_goods .card_aside h5:after,
.page_goods .page_goods_list_hot .card_list_hot .hot_title:after,
#app .diy_details .diy_details_box .details_title:after,
.page_article .list_hot .hot_title:after,
.page_article .card_article_hot .hot_title:after,
.page_notice.notice-detail .notice_list .notice_title h5:after,
#app .page_search .card_result_search>.title:after,
#app .page_search .card_result_search .iou .title:after,
.page_message .card_message h4:after,
.article_recommend .title:after,
.diy_recommend .title:after,
.notice_list_title .title:after,
.article_list_title .title:after,
.good_list_title .title:after,
.diy_list_title .title:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  /* border-top: 2px solid #1a2535; */
}

.page_user .card_addres>div:nth-child(1)>span:before,
.page_user .container-fluid .el-row:nth-child(1) div:before,
.page_goods .card_aside h5:before,
.page_goods .page_goods_list_hot .card_list_hot .hot_title:before,
#app .diy_details .diy_details_box .details_title:before,
.page_article .list_hot .hot_title:before,
.page_article .card_article_hot .hot_title:before,
.page_notice.notice-detail .notice_list .notice_title h5:before,
#app .page_search .card_result_search>.title:before,
#app .page_search .card_result_search .iou .title:before,
.page_message .card_message h4:before,
.article_recommend .title:before,
.diy_recommend .title:before,
.notice_list_title .title:before,
.article_list_title .title:before,
.good_list_title .title:before,
.diy_list_title .title:before {
  right: 100%;
}

.page_user .card_addres>div:nth-child(1)>span:after,
.page_user .container-fluid .el-row:nth-child(1) div:after,
.page_goods .card_aside h5:after,
.page_goods .page_goods_list_hot .card_list_hot .hot_title:after,
#app .diy_details .diy_details_box .details_title:after,
.page_article .list_hot .hot_title:after,
.page_article .card_article_hot .hot_title:after,
.page_notice.notice-detail .notice_list .notice_title h5:after,
#app .page_search .card_result_search>.title:after,
#app .page_search .card_result_search .iou .title:after,
.page_message .card_message h4:after,
.article_recommend .title:after,
.diy_recommend .title:after,
.notice_list_title .title:after,
.article_list_title .title:after,
.good_list_title .title:after,
.diy_list_title .title:after {
  left: 100%;
}

#app .page_order .card_order .state,
#app .page_order .card_goods_list>h4,
.page_cart .warp .container .card h4,
.page_user .card_password>div:first-child,
.page_user .card_info .div_info>span,
.page_user .card_address>div:first-child,
.page_user .user_right_box .filter_block,
#app .diy_details .diy_details_box .rich_text .diy_title,
#app .page_search .card_result_search .list_result_search .title_type {
  position: relative;
  display: block;
  padding: 20px;
  margin-bottom: 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.9);
  background-color: #06070d;
  border-radius: 4px 4px 0 0;
}

.article_recommend,
.diy_recommend,
.notice_list_title,
.article_list_title,
.good_list_title,
.diy_list_title {
  margin: 30px 0 0 0 !important;
  height: auto !important;
  padding: 80px 0 50px;
  font-size: 0;
  text-align: center;
  background: transparent !important;
}

.article_recommend .title span,
.diy_recommend .title span,
.notice_list_title .title span,
.article_list_title .title span,
.good_list_title .title span,
.diy_list_title .title span {
  position: relative;
  display: block;
  z-index: 999;
  color: #666;
  font-size: 20px;
}

.article_recommend .title span::after {
  content: "SHOP";
  color: #ed51411c;
  font-size: 150px;
  display: block;
  z-index: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -80px;
}

.diy_recommend .title span::after {
  content: "RECOMMEND";
  color: #ed51411c;
  font-size: 150px;
  display: block;
  z-index: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -80px;
}

.article_recommend .more_box,
.diy_recommend .more_box,
.notice_list_title .more_box,
.article_list_title .more_box,
.good_list_title .more_box,
.diy_list_title .more_box {
  display: block !important;
  float: none !important;
  width: 80px !important;
  height: auto !important;
  margin: 0 auto;
  padding-right: 0 !important;
  position: relative;
  z-index: 999;
}

.article_recommend .more_box .more,
.diy_recommend .more_box .more,
.notice_list_title .more_box .more,
.article_list_title .more_box .more,
.good_list_title .more_box .more,
.diy_list_title .more_box .more {
  position: relative;
  width: auto !important;
  height: 34px !important;
  padding: 0;
  font-size: 14px !important;
  font-weight: normal;
  color: #1a2535 !important;
  border: 0 none !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #1a2535 !important;
  transition: none;
}

.article_recommend .more_box .more:before,
.diy_recommend .more_box .more:before,
.notice_list_title .more_box .more:before,
.article_list_title .more_box .more:before,
.good_list_title .more_box .more:before,
.diy_list_title .more_box .more:before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #1a2535;
}

.article_recommend .more_box .more:after,
.diy_recommend .more_box .more:after,
.notice_list_title .more_box .more:after,
.article_list_title .more_box .more:after,
.good_list_title .more_box .more:after,
.diy_list_title .more_box .more:after {
  content: " / More";
}

.article_recommend .more_box .more:hover,
.diy_recommend .more_box .more:hover,
.notice_list_title .more_box .more:hover,
.article_list_title .more_box .more:hover,
.good_list_title .more_box .more:hover,
.diy_list_title .more_box .more:hover {
  box-shadow: none !important;
}

.article_recommend .more_box .more:hover::after,
.diy_recommend .more_box .more:hover::after,
.notice_list_title .more_box .more:hover::after,
.article_list_title .more_box .more:hover::after,
.good_list_title .more_box .more:hover::after,
.diy_list_title .more_box .more:hover::after {
  color: #ed5141 !important;
}

.article_recommend .more_box .more:hover span,
.article_recommend .more_box .more:hover .mor,
.diy_recommend .more_box .more:hover span,
.diy_recommend .more_box .more:hover .mor,
.notice_list_title .more_box .more:hover span,
.notice_list_title .more_box .more:hover .mor,
.article_list_title .more_box .more:hover span,
.article_list_title .more_box .more:hover .mor,
.good_list_title .more_box .more:hover span,
.good_list_title .more_box .more:hover .mor,
.diy_list_title .more_box .more:hover span,
.diy_list_title .more_box .more:hover .mor {
  color: #ed5141 !important;
}

.article_recommend .more_box .more span,
.article_recommend .more_box .more .mor,
.diy_recommend .more_box .more span,
.diy_recommend .more_box .more .mor,
.notice_list_title .more_box .more span,
.notice_list_title .more_box .more .mor,
.article_list_title .more_box .more span,
.article_list_title .more_box .more .mor,
.good_list_title .more_box .more span,
.good_list_title .more_box .more .mor,
.diy_list_title .more_box .more span,
.diy_list_title .more_box .more .mor {
  color: #1a2535 !important;
  background: none !important;
  box-shadow: none !important;
}

.page_root .article_s .article_recommend {
  margin-top: -20px !important;
}

.page_root .article_s .article_recommend .title span::after {
  content: "NEWS";
}

/* 评论模块公共开始 */
.comment_box {
  border-bottom: 1px solid #e4eaef;
}

.comment_box .list_comment {
  padding: 15px;
}

.comment_box .list_comment .item_comment_box {
  position: relative;
}

.comment_box .list_comment .item_comment_box .comment {
  padding: 10px 0;
}

.comment_box .list_comment .item_comment_box .left_block {
  padding-right: 10px !important;
  margin-right: 10px;
}

.comment_box .list_comment .item_comment_box .left_block img {
  border-radius: 0;
  width: 70px !important;
  height: 70px !important;
}

.comment_box .list_comment .item_comment_box .right_block {
  padding: 25px;
  font-size: 14px;
  border: 1px solid #e4eaef;
}

.comment_box .list_comment .item_comment_box .right_block .top_comment {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 18px;
}

.comment_box .list_comment .item_comment_box .right_block .top_comment .nickname {
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #1a2535;
}

.comment_box .list_comment .item_comment_box .right_block .top_comment .time_block .time {
  text-align: left;
  font-size: 14px;
  transform: none;
}

.comment_box .list_comment .item_comment_box .right_block .content {
  float: none;
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 26px;
  word-break: break-all;
  color: #5e6671;
}

.comment_box .list_comment .item_comment_box .right_block .comment_reply {
  float: none;
}

.comment_box .list_comment .item_comment_box .right_block .comment_reply .btn {
  width: auto;
  height: 30px !important;
  padding: 0 10px;
  line-height: 28px !important;
  text-align: center;
  color: #1a2535;
  font-size: 0;
  font-weight: bold;
  border-radius: 0;
  border: 1px solid #e4eaef;
  background: #fff;
}

.comment_box .list_comment .item_comment_box .right_block .comment_reply .btn::after {
  content: "Reply";
  font-size: 14px;
}

.comment_box .list_comment .item_comment_box .right_block .comment_reply .btn:nth-child(2)::after {
  content: "Delete";
  font-size: 14px;
  color: #f95555;
}

.comment_box .list_comment .item_comment_box .right_block .comment_reply .btn:hover {
  color: #fff;
  background: #ed5141;
  border-color: #ed5141;
}

.comment_box .list_comment .item_comment_box .list_reply {
  margin-left: 94px !important;
  padding-right: 25px;
}

/* 评论模块公共结束 */
/* 富文本编辑器开始 */
.form_editor {
  padding: 0;
  width: 100%;
}

.form_editor .fn {
  margin-top: 30px;
}

.form_editor .editor {
  margin-top: 25px;
}

.form_editor .editor:before {
  content: "发表评论";
  color: #041126;
  position: relative;
  left: 0px;
  top: -15px;
}

.form_editor .quill-editor {
  height: 500px;
}

.form_editor .fl,
.form_editor .fr {
  position: relative;
  top: 22px;
}

.form_editor .fl {
  color: #555;
}

.form_editor .fl:after {
  content: ":";
}

.form_editor .fl i {
  color: #041126;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
}

.form_editor .fr .btn {
  border-color: #ed5141 !important;
  color: #ed5141 !important;
}

.form_editor .fr .btn:hover {
  background: #ed5141 !important;
  color: #fff !important;
}

.submit_button,
.form_editor .btn_publish {
  margin-top: 92px !important;
  width: 150px;
  margin: 10px auto;
}

.submit_button,
.form_editor .btn_publish .btn {
  /* border-color: #041126 !important; */
  height: 50px;
  font-weight: bold;
  color: #fff !important;
  border-radius: 4px !important;
  background-color: #ed5141 !important;
}

.submit_button:hover,
.form_editor .btn_publish .btn:hover {
  background: #059e41 !important;
  color: #fff !important;
}

/* 富文本编辑器结束 */
#app .pagination {
  justify-content: center;
  margin-bottom: 50px;
}

#app .pagination .page-item {
  border-radius: 50%;
  margin: 0 3px;
}

#app .pagination .page-item .page-link {
  padding: 9px 10px;
  min-width: 40px;
  text-align: center;
  font-size: 16px;
  border-radius: 50% !important;
}

#app .pagination .page-item.disabled {
  opacity: 0.5;
}

#app .pagination .page-item.active .page-link {
  font-weight: bold;
  color: #fff !important;
  background: linear-gradient(121deg, #fe9760, #e01c2a) !important;
}

.page_article .list_article,
.page_root .list_article {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 0 auto;
  padding: 2px !important;
}

.page_article .list_article .article_warp,
.page_root .list_article .article_warp {
  margin: 0;
  width: auto;
  height: auto;
  padding: 0 0 80px 0;
  border: 1px solid #e4eaef;
}

.page_article .list_article .article_warp .media {
  position: relative;
  padding: 0px !important;
  width: 100%;
}

.page_article .list_article .article_warp .media .icon,
.page_root .list_article .article_warp .media .icon {
  width: 100%;
  height: 259px;
  overflow: hidden;
}

.page_article .list_article .article_warp .media .icon img,
.page_root .list_article .article_warp .media .icon img {
  width: 100%;
  height: 100%;
  border-radius: 4px 4px 0 0;
  transition: transform 0.2s;
}

.page_article .list_article .article_warp .media:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  background: linear-gradient(121deg, #fe9760, #e01c2a);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: all 0.4s ease 0s;
}

.page_article .list_article .article_warp .doc,
.page_root .list_article .article_warp .doc {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 90px;
  left: 10px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 36px 24px;
  overflow: initial;
}

.page_article .list_article .article_warp .doc .title,
.page_root .list_article .article_warp .doc .title {
  position: absolute;
  top: calc(100% + 15px);
  left: 20px;
  right: 20px;
  order: 2;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #1a2535;
  /* autoprefixer: ignore next */
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.page_article .list_article .article_warp .doc .desc,
.page_root .list_article .article_warp .doc .desc {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease 0s;
  z-index: 1;
  order: 3;
  float: left;
  color: #fff;
}

.page_article .list_article .article_warp .doc .praise,
.page_root .list_article .article_warp .doc .praise,
.page_article .list_article .article_warp .doc .see,
.page_root .list_article .article_warp .doc .see {
  position: relative;
  padding-left: 24px;
}

.page_article .list_article .article_warp .doc .praise svg,
.page_root .list_article .article_warp .doc .praise svg,
.page_article .list_article .article_warp .doc .see svg,
.page_root .list_article .article_warp .doc .see svg {
  display: none;
}

.page_article .list_article .article_warp .doc .praise:before,
.page_root .list_article .article_warp .doc .praise:before,
.page_article .list_article .article_warp .doc .see:before,
.page_root .list_article .article_warp .doc .see:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -10px;
}

.page_article .list_article .article_warp .doc .praise,
.page_root .list_article .article_warp .doc .praise {
  margin-right: 10px;
}

.page_article .list_article .article_warp .doc .praise:before,
.page_root .list_article .article_warp .doc .praise:before {
  background: url(../img/icon_thumbup.svg) no-repeat;
  background-position: center;
  background-size: contain;
}

.page_article .list_article .article_warp .doc .see:before,
.page_root .list_article .article_warp .doc .see:before {
  background: url(../img/icon_eye_red.svg) no-repeat;
  background-position: center;
  background-size: contain;
}

.page_article .list_article .article_warp .doc .time,
.page_root .list_article .article_warp .doc .time {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease 0s;
  z-index: 1;
  order: 1;
  float: left;
  position: relative;
  font-size: 14px;
  line-height: 27px;
  height: 30px;
  display: inline-block;
  position: relative;
  color: #fff;
  overflow: hidden;
}

.page_article .list_article .article_warp .doc .time:before,
.page_root .list_article .article_warp .doc .time:before {
  display: block;
  position: absolute;
  left: calc(100% - 12px);
  bottom: 0px;
  width: 100%;
  border-top: 1px solid #fff;
  transform: rotate(-69deg) translate(-1px, 0px);
  transform-origin: 0px 0px;
}

.page_article .list_article .article_warp .doc .time:after,
.page_root .list_article .article_warp .doc .time:after {
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: calc(100% - 12px);
  border-top: 1px solid #fff;
}

.page_article .list_article .article_warp:hover,
.page_root .list_article .article_warp:hover {
  border: 1px solid #e4eaef;
  box-shadow: none !important;
}

.page_article .list_article .article_warp:hover img,
.page_root .list_article .article_warp:hover img {
  filter: none !important;
  transform: scale(1.1);
}

.page_article .list_article .article_warp:hover .media::after,
.page_root .list_article .article_warp:hover .media::after {
  opacity: 0.65;
  visibility: visible;
}

.page_article .list_article .article_warp:hover .time,
.page_root .list_article .article_warp:hover .time,
.page_article .list_article .article_warp:hover .desc,
.page_root .list_article .article_warp:hover .desc {
  opacity: 1;
  visibility: visible;
}

/* 首页新闻处理 */
.page_root .list_article {
  display: block;
  overflow: hidden;
}

.page_root .list_article .article {
  flex-direction: row;
}

.page_root .list_article .list_article_box {}

.page_root .list_article .article_warp {
  position: relative;
  padding-bottom: 0;
  z-index: 999;
  width: 39%;
  height: 96px;
  margin-bottom: 5px;
  float: right;
  overflow: hidden;
  border-radius: 5px;
}

.page_root .list_article .article_warp:not(:first-child) {
  padding: 5px;
  display: inline-block;
}

.page_root .list_article .article_warp:last-child {
  margin-bottom: 0;
}

.page_root .list_article .article_warp:first-child {
  width: 60%;
  float: left;
  height: 500px;
}

.page_root .list_article .article_warp:first-child .media .icon {
  height: 500px;
}

.page_root .list_article .article_warp .media {
  position: relative;
  padding: 0 !important;
}

.page_root .list_article .article_warp:first-child .media {
  width: 100%;
}

.page_root .list_article .article_warp:not(:first-child) .media {
  display: block;
}

.page_root .list_article .article_warp:not(:first-child) .media .icon img {
  border-radius: 3px;
}

.page_root .list_article .article_warp:not(:first-child) .media .icon {
  width: 120px;
  height: 84px;
  float: left;
}

.page_root .list_article .article_warp:first-child .doc {
  position: absolute;
  height: 480px;
  padding: 0;
}

.page_root .list_article .article_warp:first-child .doc .title {
  color: #fff;
  top: 15px;
}

.page_root .list_article .article_warp:first-child .doc .desc {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.page_root .list_article .article_warp:not(:first-child) .doc {
  position: relative;
  display: inline-block;
  padding: 0;
  width: calc(100% - 125px);
  float: left;
  height: 80px;
}

.page_root .list_article .article_warp:not(:first-child) .doc .title {
  top: -10px;
  left: 0;
  margin: 0;
}

.page_root .list_article .article_warp:hover {
  background: #fff1f1;
}

.page_root .list_article .article_warp:hover .media::after {
  opacity: 0.65;
  visibility: visible;
}

.page_root .list_article .article_warp:hover .time,
.page_root .list_article .article_warp:hover .desc {
  opacity: 1;
  visibility: visible;
}

.page_root .list_article .article_warp .doc .desc {
  opacity: 1;
  visibility: visible;
}

.page_root .list_article .article_warp:not(:first-child) .doc .desc {
  color: #666;
  position: absolute;
  left: 0;
  bottom: 5px;
}

.page_root .list_article .article_warp .doc .time {
  display: none;
}

.page_root .list_article .article_warp .media:after {
  background-color: transparent;
}

#app .page_order .card_goods_list .filter_block .bar_sort .dropdown .btn,
.diy_list .diy_list_container .diy_list_select_box .diy_list_dropdown_box .view .btn,
.page_goods .iudis_box .filter_block .bar_sort .btn,
.page_article .iudis_box .filter_block .bar_sort .btn,
.page_goods .iudis_box .filter_block .bar_filter .btn,
.page_article .iudis_box .filter_block .bar_filter .btn {
  width: 150px;
  height: 48px;
  margin: 0;
  color: #333 !important;
  border: 2px solid #93979d;
  background-color: transparent !important;
  box-shadow: none;
}

#app .page_order .card_goods_list .filter_block .bar_sort .dropdown .btn:hover,
.diy_list .diy_list_container .diy_list_select_box .diy_list_dropdown_box .view .btn:hover,
.page_goods .iudis_box .filter_block .bar_sort .btn:hover,
.page_article .iudis_box .filter_block .bar_sort .btn:hover,
.page_goods .iudis_box .filter_block .bar_filter .btn:hover,
.page_article .iudis_box .filter_block .bar_filter .btn:hover {
  border: 2px solid #93979d !important;
  background: transparent !important;
}

#app .page_order .card_goods_list .filter_block .bar_sort .dropdown,
.diy_list .diy_list_container .diy_list_select_box .diy_list_dropdown_box .view .dropdown,
.page_goods .iudis_box .filter_block .bar_sort .dropdown,
.page_article .iudis_box .filter_block .bar_sort .dropdown,
.page_goods .iudis_box .filter_block .bar_filter .dropdown,
.page_article .iudis_box .filter_block .bar_filter .dropdown {
  box-shadow: none;
  outline: none;
}

#app .page_order .card_goods_list .filter_block .bar_sort .dropdown .dropdown-menu .dropdown-item:hover,
.diy_list .diy_list_container .diy_list_select_box .diy_list_dropdown_box .view .dropdown .dropdown-menu .dropdown-item:hover,
.page_goods .iudis_box .filter_block .bar_sort .dropdown .dropdown-menu .dropdown-item:hover,
.page_article .iudis_box .filter_block .bar_sort .dropdown .dropdown-menu .dropdown-item:hover,
.page_goods .iudis_box .filter_block .bar_filter .dropdown .dropdown-menu .dropdown-item:hover,
.page_article .iudis_box .filter_block .bar_filter .dropdown .dropdown-menu .dropdown-item:hover {
  background: #e01c2a !important;
  color: #1a2535 !important;
}

.diy_list .diy_list_container .iudis_box,
.page_goods .iudis_box,
.page_article .iudis_box {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 0;
  margin: 0;
}

.page_goods .iudis_box .search_box,
.page_article .iudis_box .search_box {
  flex: 1;
  min-width: 0;
}

.page_goods .iudis_box .search_box .btn,
.page_article .iudis_box .search_box .btn {
  position: absolute;
  right: 347px;
  top: 25px;
}

.page_goods .iudis_box .filter_block,
.page_article .iudis_box .filter_block {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0 !important;
}

.page_goods .iudis_box .filter_block .bar_sort,
.page_article .iudis_box .filter_block .bar_sort,
.page_goods .iudis_box .filter_block .bar_filter,
.page_article .iudis_box .filter_block .bar_filter {
  margin-right: 15px;
}

.page_goods .iudis_box .filter_block .bar_sort:last-child,
.page_article .iudis_box .filter_block .bar_sort:last-child,
.page_goods .iudis_box .filter_block .bar_filter:last-child,
.page_article .iudis_box .filter_block .bar_filter:last-child {
  margin-right: 0;
}

.page_goods .card_aside .list .goods .goods_nav,
.page_goods .page_goods_list_hot .list .goods .goods_nav,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods,
.page_root .product .list_goods .lis_cont {
  background: none;
  border: 0 none;
  box-shadow: none;
  overflow: hidden;
  cursor: pointer;
}

.page_goods .card_aside .list .goods .goods_nav:hover:before,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover:before,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover:before,
.page_root .product .list_goods .lis_cont:hover:before {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease-out;
}

.page_goods .card_aside .list .goods .goods_nav:hover img,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover img,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover img,
.page_root .product .list_goods .lis_cont:hover img {
  transform: scale(1.1);
}

.page_goods .card_aside .list .goods .goods_nav:hover .title,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .title,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .title,
.page_root .product .list_goods .lis_cont:hover .title {
  text-decoration: underline;
}

.page_goods .card_aside .list .goods .goods_nav:hover .doc .price,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .doc .price,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .doc .price,
.page_root .product .list_goods .lis_cont:hover .doc .price,
.page_goods .card_aside .list .goods .goods_nav:hover .price_block .price,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .price_block .price,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .price_block .price,
.page_root .product .list_goods .lis_cont:hover .price_block .price {
  color: #fff !important;
  background: #ed5141 !important;
}

.page_goods .card_aside .list .goods .goods_nav:hover .doc svg,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .doc svg,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .doc svg,
.page_root .product .list_goods .lis_cont:hover .doc svg,
.page_goods .card_aside .list .goods .goods_nav:hover .doc:after,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .doc:after,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .doc:after,
.page_root .product .list_goods .lis_cont:hover .doc:after,
.page_goods .card_aside .list .goods .goods_nav:hover .price_block svg,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .price_block svg,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .price_block svg,
.page_root .product .list_goods .lis_cont:hover .price_block svg,
.page_goods .card_aside .list .goods .goods_nav:hover .price_block:after,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .price_block:after,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .price_block:after,
.page_root .product .list_goods .lis_cont:hover .price_block:after {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.page_goods .card_aside .list .goods .goods_nav:hover .doc:after,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .doc:after,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .doc:after,
.page_root .product .list_goods .lis_cont:hover .doc:after,
.page_goods .card_aside .list .goods .goods_nav:hover .price_block:after,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .price_block:after,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .price_block:after,
.page_root .product .list_goods .lis_cont:hover .price_block:after {
  right: 10px !important;
}

.page_goods .card_aside .list .goods .goods_nav:hover .doc svg,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .doc svg,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .doc svg,
.page_root .product .list_goods .lis_cont:hover .doc svg,
.page_goods .card_aside .list .goods .goods_nav:hover .price_block svg,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .price_block svg,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .price_block svg,
.page_root .product .list_goods .lis_cont:hover .price_block svg {
  right: 22px !important;
  color: #fff !important;
}

.page_goods .card_aside .list .goods .goods_nav:hover .bottom:after,
.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .bottom:after,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .bottom:after,
.page_root .product .list_goods .lis_cont:hover .bottom:after {
  right: 10px !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.page_goods .card_aside .list .goods .goods_nav .media img,
.page_goods .page_goods_list_hot .list .goods .goods_nav .media img,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .media .icon img,
.page_root .product .list_goods .lis_cont img {
  transition: transform 0.5s;
  height: 220px !important;
}

.page_goods .card_aside .list .goods .goods_nav .good_bottom .title,
.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .title,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc a .title,
.page_root .product .list_goods .lis_cont .title {
  position: relative;
  width: 100%;
  padding: 25px 25px 4px;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  text-align: center;
  color: #1a2535;
  background-color: #fff;
}

.page_goods .card_aside .list .goods .goods_nav .good_bottom .price_block,
.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .price_block,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc .bottom,
.page_root .product .list_goods .lis_cont .doc {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 5px 25px 25px;
  text-align: center;
  line-height: 20px;
  border-radius: 0 0 4px 4px;
  background-color: #fff;
}

.page_goods .card_aside .list .goods .goods_nav .good_bottom .price_block .price,
.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .price_block .price,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc .bottom .price,
.page_root .product .list_goods .lis_cont .doc .price {
  padding: 5px 20px;
  margin: 0 3px;
  font-family: "DIN-Bold";
  font-size: 18px !important;
  color: #1a2535;
  background: #d3cebf;
  border-radius: 15px;
  position: absolute;
  bottom: 85px;
}

.page_goods .card_aside .list .goods .goods_nav .good_bottom .price_block .price_ago,
.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .price_block .price_ago,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc .bottom .price_ago,
.page_root .product .list_goods .lis_cont .doc .price_ago {
  margin: 0 3px;
  font-family: "DIN-Bold";
  font-size: 16px !important;
}

.page_goods .card_aside .list .goods .goods_nav .good_bottom .price_block svg,
.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .price_block svg,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc .bottom svg,
.page_root .product .list_goods .lis_cont .doc svg,
.page_goods .card_aside .list .goods .goods_nav .good_bottom .price_block::after,
.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .price_block::after,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc .bottom::after,
.page_root .product .list_goods .lis_cont .doc::after {
  opacity: 0;
  visibility: hidden;
}

.page_goods .card_aside .list .goods .goods_nav .good_bottom .price_block svg,
.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .price_block svg,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc .bottom svg,
.page_root .product .list_goods .lis_cont .doc svg {
  position: absolute;
  right: 12px;
  top: 24px;
  z-index: 1;
  color: #fff;
  transition: 0.5s;
}

.page_goods .card_aside .list .goods .goods_nav .good_bottom .price_block:after,
.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .price_block:after,
.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc .bottom:after,
.page_root .product .list_goods .lis_cont .doc:after {
  content: "";
  position: absolute;
  top: 13px;
  right: 0px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: 0.5s;
}

#app .page_order .card_goods_list .list_order .item_order .sum_price .btn,
.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .btn_del {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  border: none;
  background-color: #e01c2a !important;
  border-color: #e01c2a !important;
  border-radius: 50% !important;
  outline: none;
}

#app .page_order .card_goods_list .list_order .item_order .sum_price .btn svg,
.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .btn_del svg {
  display: none;
}

#app .page_order .card_goods_list .list_order .item_order .sum_price .btn:before,
.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .btn_del:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url(../img/icon_close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#app .page_order .card_goods_list .list_order .item_order .sum_price .btn:hover,
.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .btn_del:hover {
  border-color: #e01c2a !important;
}

/* 基础样式开始 */
/* 
    顶部背景色： #feb6d4
    主题色：#041126
 /*--------------------------------------------------全局样式---------------------------------------------------------------------*/
/* ******************************************公共样式开始*********************************************************** */
#app>.page_cart,
#app>.page_pay,
#app>.page_exam,
#app>.page_notice,
#app>.page_article,
#app>.diy_list,
#app>.diy_edit,
#app>.page_feedback,
#app>.page_user,
#app>.page_order,
#app>.page_forum,
#app .page_message,
#app .page_goods,
.page_account,
#app>.diy_details {
  min-height: calc(100vh - 212px);
  background-color: #fff;
  background-image: url("../img/dragon.png");
  background-attachment: fixed;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 300px;
  max-width: 100% !important;
}

#app>.page_cart .warp {
  margin: 10px auto;
}

/* ******************************************公共样式结束*********************************************************** */
/* 最大宽度及最小宽度 */
#app .page_cart .warp,
#app .page_forum .warp>.container,
#app .page_notice .warp>.container,
#app .page_article .warp>.container,
#app .page_goods .warp>.container,
#app .page_user .warp>.container,
#app .page_order .warp>.container,
#app .page_pay .warp>.container,
#app .page_search .warp>.container,
#app .diy_list .warp>.container,
#app .diy_details .warp>.container,
#app .diy_edit .warp>.container,
#message_list .warp>.container {
  max-width: 1300px;
  min-width: 1000px;
  padding-top: 20px !important;
  background-color: transparent !important;
}

/*********************************** 搜索结果 **********************************/
#app .page_search {
  padding-bottom: 80px;
  background: #fff;
}

#app .page_search .card_result_search {
  padding: 30px 0 0;
  margin: 30px 0;
  background-color: #fff;
  border-radius: 4px;
}

#app .page_search .card_result_search>.title,
#app .page_search .card_result_search .iou .title {
  display: block !important;
  width: 150px;
  margin: 0 auto 30px;
  text-align: center;
}

#app .page_search .card_result_search .search_box {
  margin: 20px 30px;
}

#app .page_search .card_result_search .search_box .btn {
  right: 49px;
}

#app .page_search .card_result_search .list_result_search:nth-child(even) {
  background-color: #fafafa;
}

#app .page_search .card_result_search .list_result_search .title_type {
  padding: 15px;
  line-height: 18px;
}

#app .page_search .card_result_search .list_result_search .title_type:empty {
  padding: 0;
}

#app .page_search .card_result_search .list_result_search .no_result {
  padding: 20px;
  text-align: center;
}

#app .page_search .card_result_search .list_result_search .list_result {
  padding: 10px 0;
}

#app .page_search .card_result_search .list_result_search .list_result .item {
  margin: 0;
  padding: 10px 0;
}

#app .page_search .card_result_search .list_result_search .list_result .item .title {
  border-bottom: 0 none;
}

#app .page_search .card_result_search .list_result_search .list_result .item:hover {
  color: #0d6efd !important;
}

#app .page_search .pager {
  margin-top: 30px;
}

.page_root>.warp {
  margin-bottom: 0px;
}

.page_root .warp>.swiper_box {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.page_root .warp>.container {
  max-width: 1300px;
  min-width: 1000px;
}

/* **************************************************导航栏开始*********************************************** */
.page_header .header_warp {
  position: relative;
  height: auto !important;
  box-shadow: none !important;
  box-shadow: 0 1rem 3rem rgba(15, 30, 150, 0.175);
}

.page_header .header_warp>.container {
  max-width: 100%;
}

.page_header .my_header {
  height: auto !important;
  border-bottom: 4px solid #e01c2a !important;
  border-image: linear-gradient(121deg, #fe9760, #e01c2a) 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.page_header .conton-top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  margin: 0 50px;
  height: 80px;
}

.page_header .conton-top>a .logo {
  float: none;
  position: relative;
  display: block;
  height: auto;
  padding-left: 40px;
  font-size: 20px;
  font-weight: 800;
  font-style: italic;
  color: #333;
}

.page_header .conton-top>a .logo::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 40%;
  width: 40px;
  height: 40px;
  margin-top: -17px;
  background: url(../img/logo.svg) no-repeat;
  background-position: center;
  background-size: contain;
}

.page_header .conton-top .search-box {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  width: auto !important;
  height: 50px !important;
  margin: 0 20px;
  border: 1px solid #ec8f30;
  border-radius: 25px;
}

.page_header .conton-top .search-box .search-txt {
  flex: 1;
  min-width: 0;
  padding-right: 50px;
  padding-left: 20px;
  height: 100% !important;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.9);
  background: none;
  border: none;
}

.page_header .conton-top .search-box .search-txt::-moz-placeholder {
  color: #8a929b;
}

.page_header .conton-top .search-box .search-txt::placeholder {
  color: #8a929b;
}

.page_header .conton-top .search-box .search-txt:focus {
  border: 1px solid #e01c2a;
}

.page_header .conton-top .search-box .search-btn {
  position: absolute;
  top: 8px;
  right: 10px;
  flex-shrink: 0;
  background: linear-gradient(121deg, #fe9760, #e01c2a) !important;
  ;
  height: 34px !important;
  width: 60px !important;
  border-radius: 17px;
}

.page_header .conton-top .search-box .search-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  background-image: url(../img/icon_search_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.page_header .conton-top .search-box .search-btn svg {
  display: none;
}

.page_header .conton-top .search-box .search-btn:hover {
  filter: brightness(1.1);
}

.page_header .conton-top .user {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  height: auto;
  display: flex;
  justify-content: flex-end;
  color: #5e6671;
}

.page_header .conton-top .user .ml {
  position: relative;
  padding: 0 40px;
  height: 36px;
  line-height: 36px;
  color: #fff !important;
  border-radius: 4px;
  margin: 0 5px;
}

.page_header .conton-top .user .ml:nth-child(1):before {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url(../img/bcc.png) no-repeat center;
  background-color: #ed5141;
  background-size: 59% 59%;
  border-radius: 50%;
}

.page_header .conton-top .user .ml:nth-child(2):before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #ccc;
}

.page_header .conton-top .user .ml:hover {
  color: #000 !important;
}

.page_header .conton-top .user .own .user_pr {
  padding: 5px 10px;
  align-items: center;
  background: linear-gradient(225deg, #5d5d6c, #22272b);
  border-radius: 8px;
}

.page_header .conton-top .user .own .img_box {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.page_header .conton-top .user .own .img_box img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.page_header .conton-top .user .own .own_text {
  font-size: 15px;
  line-height: 20px;
  color: #fff;
}

.page_header .conton-top .user .own .caret {
  margin-left: 5px;
}

.page_header .conton-top .user .own:hover .user_pr {
  filter: brightness(1.1);
}

.page_header .conton-top .user .dropdown {
  top: 100%;
  left: auto;
  right: 0;
  z-index: 1;
}

.page_header .conton-top .user .dropdown .my_item:first-child {
  border-radius: 4px 4px 0 0;
}

.page_header .conton-top .user .dropdown .my_item:first-child .router-link-exact-active {
  border-radius: 4px 4px 0 0;
}

.page_header .conton-top .user .dropdown .my_item:last-child {
  border-radius: 0 0 4px 4px;
}

.page_header .conton-top .user .dropdown .my_item:last-child .router-link-exact-active {
  border-radius: 0 0 4px 4px;
}

.page_header .conton-top .user .dropdown .my_item:first-child:last-child {
  border-radius: 4px;
}

.page_header .conton-top .user .dropdown .my_item:first-child:last-child .router-link-exact-active {
  border-radius: 4px;
}

.page_header .conton-top .user .dropdown .my_item a,
.page_header .conton-top .user .dropdown .my_item div {
  color: #1a2535 !important;
}

.page_header .conton-top .user .dropdown .my_item:hover {
  background-color: #fafafa;
}

.page_header .conton-top .user .dropdown .my_item:hover a {
  color: #000 !important;
}

.page_header .conton-top .user .dropdown .my_item .router-link-exact-active {
  color: #000 !important;
  background: linear-gradient(121deg, #fe9760, #e01c2a);
}

.page_header .conton-top .user .dropdown .my_item .router-link-exact-active:hover {
  color: #fff !important;
}

.page_header .nav_list {
  display: flex;
  justify-content: center;
  float: none !important;
  border: none;
}

.page_header .nav_list ul {
  /* max-width: 1600px; */
  /* width: 1450px; */
  display: flex;
  justify-content: center;
  padding: 0 20px;
}

.page_header .nav_list ul li {
  display: flex;
  align-items: center;
  margin-right: 0;
  height: 48px;
  margin: 0 5px;
}

.page_header .nav_list ul li a,
.page_header .nav_list ul li span {
  position: relative;
  display: flex;
  width: auto;
  height: 36px;
  padding: 0 12px;
  line-height: 34px;
  text-decoration: none;
  text-transform: capitalize;
  position: relative;
  color: #333 !important;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  align-items: center;
}

.page_header .nav_list ul li a:hover,
.page_header .nav_list ul li span:hover {
  font-weight: bold !important;
  border-color: #434651;
  color: #777 !important;
}

.page_header .nav_list ul li .router-link-exact-active {
  font-weight: bold !important;
  color: #e01c2a !important;
}

.page_header .nav_list ul li .router-link-exact-active:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 10px solid #e01c2a;
}

.page_header .nav_list ul li .router-link-exact-active:hover {}

.page_header .mini_nav {
  position: absolute;
  top: 0;
  right: 20px;
  color: #1a2535;
}

.el-dropdown-menu {
  border: 0 none;
  font-family: "Pingfang SC", "Microsoft Yahei", Arial;
}

.el-dropdown-menu .dro {
  display: flex;
  flex-direction: column;
  background: #fff;
}

.el-dropdown-menu .dro .dro_li {
  float: none;
  display: flex;
  align-items: center;
  padding: 0;
  text-align: left;
}

.el-dropdown-menu .dro .dro_li i {
  display: none;
}

.el-dropdown-menu .dro .dro_li a {
  flex: 1;
  display: block;
  padding: 0 15px;
  white-space: nowrap;
  width: 140px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
}

.el-dropdown-menu .dro .dro_li a:hover {
  color: #ed5141 !important;
}

.el-dropdown-menu .dro .dro_li a.router-link-active,
.el-dropdown-menu .dro .dro_li a.router-link-exact-active {
  color: #1a2535 !important;
  background: linear-gradient(121deg, #fe9760, #e01c2a) !important;
}

.el-dropdown-menu .popper__arrow {
  top: -8px !important;
}

.banner {
  background: #e5ebe8 !important;
  /* 首页轮播图里的箭头浮标 */
  /* 轮播图里面的小圆点 */
}

.banner>.container {
  max-width: 100% !important;
}

.banner .row {
  margin: 0 !important;
}

.banner .sw_no {
  display: block;
  margin: 0 !important;
}

.banner .sw_no .swiper_img {
  height: 100%;
  width: 100%;
}

.banner .sw_no .swiper_img .carousel-inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.banner .sw_no .swiper_img .carousel-item {
  border-radius: 0;
}

.banner .sw_no .swiper_img .swiper-imgs {
  border-radius: 0;
}

.banner .sw_no .swiper_img .carousel .carousel-control-prev,
.banner .sw_no .swiper_img .carousel .carousel-control-next {
  top: auto;
  bottom: 30px;
  width: 60px;
  height: 60px;
  padding: 4px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  opacity: 1;
  display: none;
}

.banner .sw_no .swiper_img .carousel .carousel-control-prev:hover,
.banner .sw_no .swiper_img .carousel .carousel-control-next:hover {
  background: rgba(0, 0, 0, 0.6);
}

.banner .sw_no .swiper_img .carousel .carousel-control-prev {
  left: auto;
  right: 130px;
}

.banner .sw_no .swiper_img .carousel .carousel-control-next {
  left: auto;
  right: 40px;
}

.banner .sw_no .swiper_img .carousel .carousel-inner .carousel-item .swiper-imgs {
  height: 25rem;
  background-size: 100% 100%;
}

.banner .sw_no .swiper_img .carousel .carousel-inner .carousel-item .swiper-imgs:hover {
  cursor: pointer;
}

.banner .carousel-control-next-icon,
.banner .carousel-control-prev-icon {
  width: 24px;
  height: 24px;
  background: url(../img/icon_arrow.svg) no-repeat;
  background-position: center;
  background-size: contain;
}

.banner .carousel-control-next-icon {
  transform: rotate(180deg);
}

.banner .carousel-control-prev-icon {
  transform: rotate(0deg);
}

.banner .carousel-indicators {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.banner .carousel-indicators li {
  border-radius: 2px;
  margin: 5px;
  width: 8px !important;
  height: 8px !important;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #F5F4ED !important;
  opacity: 1;
}

.banner .carousel-indicators li:hover,
.banner .carousel-indicators li.active {
  background-color: #fff;
  border: 1px solid #fff !important;
}

.page_root .warp .swiper_box .sw_no .card_notice {
  width: 80%;
  box-sizing: border-box;
  position: absolute;
  background: #fff;
  top: 340px;
  left: 10%;
  z-index: 999;
  height: 120px;
  padding-left: 0;
  border-radius: 5px;
  box-shadow: #ccc 5px 5px 15px;
}

.page_root .warp .swiper_box .sw_no .card_notice:after {}

.page_root .warp .swiper_box .sw_no .card_notice .notice_title {
  position: relative;
  height: 140px;
  line-height: 120px;
  font-size: 16px;
  text-align: center;
  background-color: #fff;
  color: #fff;
  font-size: 20px;
  display: block;
  justify-content: center;
  width: 20%;
  float: left;
  margin-left: 10%;
  background: linear-gradient(121deg, #fe9760, #e01c2a);
  margin-top: -10px;
  border-radius: 10px;
}

.page_root .warp .swiper_box .sw_no .card_notice .notice_title::before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  top: 20%;
  left: 18%;
  opacity: 1;
  background-image: url("../img/icon_quote.svg");
  background-size: contain;
}

.page_root .warp .swiper_box .sw_no .card_notice .notice_title::after {
  content: "NOTICE";
  font-size: 14px;
  color: #eee;
  font-weight: normal;
  display: block;
  line-height: normal;
  margin-top: -40px;
  margin-left: -30px;
}

.page_root .warp .swiper_box .sw_no .card_notice .notice_title a {
  visibility: visible;
  color: #666 !important;
  font-size: 14px;
  font-weight: normal;
  width: 100% !important;
  line-height: 43px;
  height: 43px;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  top: 50px;
  left: -75%;
  z-index: 999999;
  transition: 0.3s;
  width: 10%;

}

.page_root .warp .swiper_box .sw_no .card_notice .notice_title a:hover {
  background: none;
  color: #e01c2a !important;
}

.page_root .warp .swiper_box .sw_no .card_notice .carousel-inner {
  position: absolute;
  /* top: -150px; */
}

.page_root .warp .swiper_box .sw_no .card_notice .carousel {
  width: 70%;
  float: left;
  height: 120px;
  overflow: hidden;
}

.page_root .warp .swiper_box .sw_no .card_notice .carousel .carousel-item {
  padding: 10px;
  height: 120px;
}

.page_root .warp .swiper_box .sw_no .card_notice .carousel .carousel-item:hover {}

.page_root .warp .swiper_box .sw_no .card_notice .carousel .carousel-item .swiper_notice .title {
  text-align: left;
  font-size: 16px;
  color: #333;
  position: relative;
  margin-left: 0;
  padding: 0px !important;
}

.page_root .warp .swiper_box .sw_no .card_notice .carousel .carousel-item .swiper_notice .content {
  display: -webkit-box;
  overflow: hidden;
  padding: 0;
  height: 60px;
  font-size: 14px;
}

.page_root .warp .swiper_box .sw_no .card_notice .carousel .carousel-item .swiper_notice .content p {}

.page_root .warp .swiper_box .sw_no .card_notice .carousel .carousel-item .swiper_notice .content h3 {
  font-size: 14px;
}

#app {
  box-sizing: border-box;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 130px;
  background-color: #f5f5f5;
}

#app .support_entry {
  border-radius: 100%;
  border: 1px solid #ccc;
  top: 500px;
}

#app .space {
  display: none;
}

#app .adver {
  display: none;
}

.page_root .list_goods,
.page_root .list_article,
.page_root .diy_home {
  width: 100%;
  padding-bottom: 80px;
}

.page_root .product {
  background-color: transparent;
}

.page_root .product .carousel {
  height: auto !important;
  margin: 0 50px;
  padding-bottom: 50px;
  z-index: 999;
}

.page_root .product .carousel .slider {
  position: relative;
  border-radius: 0;
  width: auto;
  height: auto;
  background: transparent;
  box-shadow: none;
}

.page_root .product .carousel .slider:hover {
  background: none;
}

.page_root .product .carousel .slide {
  position: relative;
  margin: 0 30px !important;
  width: calc(25% - 60px) !important;
  overflow: hidden;
  border: 2px solid #ed5141;
  border-radius: 10px;
}

.page_root .product .carousel .prev,
.page_root .product .carousel .next {
  top: auto;
  bottom: -20px;
  font-size: 0;
  background: none;
  border: 1px solid #b5b5b5;
  opacity: 1;
}

.page_root .product .carousel .prev:hover,
.page_root .product .carousel .next:hover {
  background: #ed5141;
  border-color: #ed5141;
  opacity: 1;
}

.page_root .product .carousel .prev:hover:before,
.page_root .product .carousel .next:hover:before {
  border-left-color: #fff;
  border-bottom-color: #fff;
}

.page_root .product .carousel .prev:before,
.page_root .product .carousel .next:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 16px;
  width: 13px;
  height: 13px;
  border-left: 2px solid #1a2535;
  border-bottom: 2px solid #1a2535;
}

.page_root .product .carousel .prev {
  left: calc(50% - 50px);
}

.page_root .product .carousel .prev:before {
  transform: rotate(45deg);
}

.page_root .product .carousel .next {
  right: calc(50% - 50px);
}

.page_root .product .carousel .next:before {
  top: 13px;
  left: 11px;
  transform: rotate(-135deg);
}

.page_root .product .list_goods .lis_cont {
  display: block;
}

.page_root .article_s {
  background: #e5ebe8;
  background-size: 100% 100%;
  padding: 0 0 60px;
}

.page_root .ins {
  padding-bottom: 60px;
  background: #fff !important;
}

.page_root .ins .container {
  padding: 0 !important;
}

.page_root .ins .container .row {
  margin: 0 !important;
}

.page_root .ins.model1 {
  background: #F5F4ED !important;
}

.page_root .ins.model1 .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 0 auto;
}

.page_root .ins.model2 {
  position: relative;
}

.page_root .ins.model2 .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 0 auto;
}

.page_root .ins.model2 .list .goods {
  height: 250px !important;
  min-height: 250px !important;
  position: relative;
  z-index: 999;
}

.article_s .table_article,
.diy_view_table,
.ins .ins_s {
  display: none;
}

.diy_recommend .switch,
.article_recommend .switch {
  display: none;
}

.product .table_goods,
.product .goods_c,
.product .paginations {
  display: none !important;
}

.ins_s .slider {
  padding: 0px 50px;
}

.ins_s .slider .slide {
  width: calc(26.5% - 1rem);
  background-color: #fff;
  margin-right: 10px;
  border: 2px dashed #041126;
}

.ins_s .diy_img {
  height: 200px;
  width: 250px;
  margin: 2px auto;
}

.ins_s.carousel {
  height: auto !important;
}

.ins_s .paginations {
  display: none !important;
}

.support_entry {
  top: auto !important;
  bottom: 0 !important;
}

.robotic {
  top: auto !important;
  left: auto !important;
  bottom: 100px !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  transition: transform 0.2s;
}

.robotic:hover {
  transform: translateY(-2px);
}

.page_footer {
  position: relative;
  overflow: hidden;
  padding-bottom: 50px;
  background: #06070d;
}

.page_footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(360deg, rgba(34, 39, 43, 0), #22272b);
}

.page_footer .container {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  padding: 0 !important;
}

.page_footer .container .row {
  width: 80%;
  margin: 0 auto !important;
}

.page_footer .wrap {
  /* margin-top: 120px; */
  background-color: transparent !important;
}

.page_footer .card_link {
  padding-top: 70px;
  top: 0 !important;
  background-color: transparent !important;
}

.page_footer .card_link .list_link .link_title {
  display: none;
  justify-content: flex-start;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 30px 0;
  font-size: 24px !important;
  color: #fff !important;
  background: none !important;
}

.page_footer .card_link .list_link .row_link {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 10px;
  padding: 20px 10px 20px 20px;
  margin-bottom: 0;
  background: linear-gradient(121deg, #fe9760, #e01c2a);
  border-radius: 10px;
}

.page_footer .card_link .list_link .row_link .link {
  display: block;
  width: auto !important;
  margin: 0 !important;
  background: none;
}

.page_footer .card_link .list_link .row_link .link:hover {
  box-shadow: none !important;
}

.page_footer .card_link .list_link .row_link .link .img_box {
  width: 120px;
  height: 88px;
  border-radius: 4px !important;
}

.page_footer .card_link .list_link .row_link .link .img_box img {
  border-radius: 4px !important;
}

.page_footer .card_link .list_link .row_link .link .link_name {
  padding-top: 10px !important;
  font-size: 16px !important;
  font-weight: normal !important;
  color: #fff !important;
}

.page_footer .card_link .list_link .row_link .link .link_name:hover {
  color: #fff !important;
}

.page_footer .card_copyright {
  position: relative;
  display: flex;
  margin-top: 70px;
  padding: 10px 0 !important;
}

.page_footer .card_copyright>div {
  flex: 1;
  min-width: 0;
  padding: 5px 15px;
}

.page_footer .card_copyright .is1 {
  position: relative;
  display: block;
}

.page_footer .card_copyright .is1:after {
  content: "网站导航";
  font-size: 16px;
  line-height: 22px;
}

.page_footer .card_copyright .is2:after {
  content: "版权声明";
  font-size: 16px;
  line-height: 22px;
}

.page_footer .card_copyright .is3:after {
  content: "联系我们";
  font-size: 16px;
  line-height: 22px;
}

.page_footer .card_copyright .is4:after {
  content: "关于我们";
  font-size: 16px;
  line-height: 22px;
}

/* *****************************************论坛开始 ***************************************************/
.page_forum .container .row .card_forum_list {
  margin: 0 50px;
  border-radius: 4px;
}

.page_forum .container .row .card_forum_list .search_box {
  height: auto !important;
  padding: 40px 260px 50px 260px;
  margin: 0;
}

.page_forum .container .row .card_forum_list .search_box>select {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 200px !important;
  height: 48px;
  color: #333;
  background: url(../img/icon_down.svg) no-repeat;
  background-position: 151px 10px;
  background-color: transparent;
  border: 2px solid #93979d;
}

.page_forum .container .row .card_forum_list .search_box>.add_forum {
  position: absolute;
  top: 40px;
  right: 40px;
  display: inline-block;
  width: 200px;
  height: 48px;
  line-height: 48px;
  font-weight: bold;
  color: #000 !important;
  z-index: 3;
}

.page_forum .container .row .card_forum_list .search_box>.add_forum:before {
  font-size: 25px;
  position: absolute;
  left: 8px;
}

.page_forum .container .row .card_forum_list .list_forum {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin: 0;
  padding: 20px 0 40px;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum {
  position: relative;
  flex-direction: column;
  justify-content: start;
  height: auto;
  padding: 0;
  background-color: #fff;
  border: 1px solid #e4eaef;
  border-radius: 4px;
  transition: none;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum:hover .left:after {
  opacity: 0.65 !important;
  visibility: visible !important;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum:hover .right_block .top {
  color: #1a2535;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum:hover .forum_center,
.page_forum .container .row .card_forum_list .list_forum .item_forum:hover .bottom {
  opacity: 1 !important;
  visibility: visible !important;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .left {
  position: relative;
  width: 100%;
  height: 240px;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .left .img_block {
  top: 0 !important;
  width: 100%;
  height: 100%;
  border-radius: 0;
  transform: none;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .left:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  background-color: #18443B;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: all 0.4s ease 0s;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 5px 10px;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .top {
  flex-shrink: 0;
  display: block;
  height: 50px;
  line-height: 50px;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .forum_center,
.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease 0s;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .forum_center {
  position: absolute;
  top: 70px;
  left: 13px;
  margin-left: -11px;
  font-size: 14px;
  line-height: 27px;
  height: 30px;
  display: inline-block;
  padding: 0px 20px;
  color: #fff;
  overflow: hidden;
  z-index: 1;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom {
  position: absolute;
  top: 104px;
  left: 20px;
  flex-shrink: 0;
  flex-wrap: nowrap;
  z-index: 1;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom>div {
  flex: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .time {
  position: relative;
  display: inline-block;
  width: auto;
  padding-left: 18px;
  margin-right: 10px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .time>svg {
  display: none;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .time:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-image: url(../img/icon_user.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .praise {
  margin-right: 10px;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .see,
.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .praise {
  flex-shrink: 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .see:hover,
.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .praise:hover {
  color: rgba(255, 255, 255, 0.9);
}

.page_forum .container .row .card_forum_list .overflow-auto {
  top: 0;
}

.page_forum .warp .container .row .col-12,
.page_forum .warp .container .row .col-md-9 {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
}

#app .page_forum .warp .forum-row {
  padding-bottom: 80px !important;
}

#app .page_forum .warp .forum-row .card {
  margin-left: 0;
  margin-right: 0;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum {
  display: flex;
  flex-direction: column;
  padding: 60px 0 0;
  background-color: #fff;
  border-radius: 4px;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .title {
  order: 1;
  padding: 40px 45px 0;
  margin: 0 15px;
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  color: #1a2535;
  border-top: 10px solid #D3CEBF;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .title_nav {
  order: 4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 0;
  display: flex;
  justify-content: space-between;
  padding: 19px 15px 19px;
  margin-bottom: 0;
  border-top: 1px solid #e4eaef;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .title_nav span {
  font-size: 14px;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .title_nav span:nth-child(1) {
  color: #8a929b;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .title_nav span:nth-child(1) svg {
  color: #8a929b;
  font-size: 20px;
  margin-right: 5px;
  top: -2px;
  position: relative;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .title_nav span:nth-child(2) {
  color: #8a929b;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .content {
  order: 2;
  position: relative;
  padding: 15px 64px 30px;
  margin-bottom: 0;
  color: #5e6671;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .content:before {
  font-size: 18px;
  position: relative;
  top: -15px;
  left: 0;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .content:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 64px;
  right: 64px;
  border-bottom: 1px solid #e4eaef;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .content h1,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .content h2,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .content h3,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .content h4,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .content h5,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .content h6,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .content p,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .content span,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .content div,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .content text {
  font-size: 16px !important;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside {
  order: 3;
  width: 100%;
  padding: 15px 64px;
  margin: 0;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .aside_1 {
  display: flex;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .aside_1 .tag {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 3px 8px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: linear-gradient(121deg, #fe9760, #e01c2a);
  border-radius: 3px;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .aside_1 .tag::before {
  content: "#";
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add {
  position: absolute;
  right: -30px;
  top: 50%;
  flex-direction: column;
  width: auto !important;
  z-index: 888;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add .praise_btn,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add .collect_btn {
  display: flex;
  align-items: center;
  padding: 4px;
  margin-right: 0;
  margin-bottom: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #041126;
  box-sizing: border-box;
  border-color: #041126;
  border-radius: 50%;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add .praise_btn:hover,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add .collect_btn:hover {
  background: #fafafa;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add .praise_btn span,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add .collect_btn span {
  font-size: 0;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add .praise_btn.praise_change {
  border-color: red;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add .praise_btn .icon_change,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add .praise_btn .word_change {
  color: red !important;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add .collect_btn.collect_change {
  border-color: orange;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add .collect_btn .icon_change,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add .collect_btn .word_change {
  color: orange !important;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .aside_2 {
  left: auto;
  width: auto !important;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .aside_2 .praise,
#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .aside_2 .see {
  color: #5e6671;
}

#app .page_forum .warp .container .forum-detail-comment {
  background: #fff;
  border-radius: 4px;
}

#app .page_forum .warp .container .forum-detail-comment .bar_title {
  padding: 0 20px;
  border-bottom: 1px solid #e4eaef;
}

#app .page_forum .warp .container .forum-detail-comment .bar_title a {
  position: relative;
  display: block;
  padding: 15px 0;
}

#app .page_forum .warp .container .forum-detail-comment .bar_title a span {
  font-size: 0;
  font-weight: bold;
  color: #1a2535;
}

#app .page_forum .warp .container .forum-detail-comment .bar_title a:after {
  content: "Comments";
  font-size: 18px;
  font-weight: bold;
  color: #1a2535;
}

#app .page_forum .warp .container .forum-detail-comment .title {
  font-size: 18px;
  color: #1a2535;
}

#app .page_forum .warp .container .forum-detail-comment .form_editor .form_editor .editor::before {
  display: none;
}

.forum_edits .form {
  padding: 0 30px;
  margin: 0 auto !important;
  background-color: #f1f4fd;
  border: 1px solid #e4eaef;
  border-radius: 10px;
}

.forum_edits .form .diy_title {
  text-align: right;
}

.forum_edits .form .btn_add_img span {
  font-size: 30px;
  color: #0d6efd;
}

.forum_edits .form .diy_text input {
  line-height: 28px !important;
}

.forum_edits .form .diy_text input {
  border: 0 none;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 0;
  box-shadow: none;
}

.forum_edits .form .diy_text input:focus {
  border-bottom-color: #0d6efd !important;
}

.forum_edits .form .form_editor_block,
.forum_edits .form .ql-container {
  background-color: #fff;
}

.forum_edits .submit_button {
  margin-top: 120px !important;
  line-height: initial !important;
}

.overflow-auto {
  z-index: 2;
  top: 80px;
  font-size: 20px;
}

#exam_list .warp {
  background-size: 100% 87%;
  min-height: 600px;
}

/* *****************************************************考试开始***************************************************** */
.page_exam {
  padding-bottom: 40px;
  background: #fff !important;
}

.page_exam .warp .exam_list_content .table_title .table_th {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.9) !important;
  border-radius: 4px;
  border: 1px solid #e4eaef;
  background: #161a1f !important;
}

.page_exam .warp .exam_list_content .answer_link {
  color: #0d6efd !important;
}

.page_exam .warp .exam_list_content .answer_link:hover {
  color: #0368fd !important;
}

.page_exam .warp .exam_list_content td,
.page_exam .warp .exam_list_content th {
  padding: 20px 10px;
  text-align: center !important;
}

.page_exam .warp .exam_list_title {
  position: relative;
  height: auto;
  margin: 20px 0;
}

.page_exam .warp .exam_list_title .title {
  display: none;
  font-size: 22px;
  color: #1a2535;
}

.page_exam .warp .exam_list_title .search_box {
  flex: 1;
  min-width: 0;
}

.page_exam .warp .exam_list_title .search_box .btn {
  right: 47px;
}

.page_exam .row_exam {
  margin: 0 auto;
}

.page_exam .row_exam .exam_list_content {
  position: relative;
  padding: 0;
  background-color: transparent;
  border-radius: 4px;
  border: 0 none;
  box-shadow: none;
}

.page_exam .row_exam .exam_list_content:before {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 25px 0;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
}

.page_exam .row_exam .exam_list_content:after {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #e4eaef;
}

.page_exam .row_exam .exam_list_content table {
  width: 100%;
}

.page_exam .row_exam .pagination {
  margin-bottom: 100px !important;
}

.page_exam.page_details {
  background-color: #fff !important;
}

.page_exam.page_details .exam_warp {
  padding: 30px 0 100px;
}

.page_exam.page_details input[type=checkbox],
.page_exam.page_details input[type=radio] {
  position: relative;
  top: 2px;
  margin: 0 4px 0 0;
}

.page_exam .exam-detail {
  background: linear-gradient(121deg, rgb(254 151 96 / 10%), rgb(224 28 42 / 10%));
  border-radius: 4px;
  margin: 0 auto;
  padding: 20px;
}

.page_exam .exam-detail .row {
  display: block;
  justify-content: flex-start;
  margin: 0;
  padding: 30px;
  word-break: break-all;
  border-left: 15px dotted #fff;
}

.page_exam .exam-detail .countdown {
  text-align: center;
  margin-top: 0;
}

.page_exam .exam-detail .countdown span {
  display: block;
  font-size: 20px;
}

.page_exam .exam-detail label {
  display: block;
}

.page_exam .exam-detail .title_margin {
  width: auto;
  margin-bottom: 10px;
}

.page_exam .exam-detail textarea {
  width: 80% !important;
  resize: none;
}

.page_exam .exam-detail .answer_submit_button {
  border: 0 none !important;
}

.page_exam .exam-detail .answer_submit_button .btn_box {
  display: flex;
  justify-content: center;
  margin: 0;
}

.page_exam .exam-detail .answer_submit_button .btn_box button {
  width: 150px;
}

.page_exam .exam-detail .answer_submit_button .btn_box .answer_btn_submit {
  background: linear-gradient(121deg, #fe9760, #e01c2a);
  border-color: none;
}

.page_exam .exam-detail .answer_submit_button .btn_box .answer_btn_submit:hover {
  background: linear-gradient(121deg, #fe9760, #e01c2a);
  border-color: none;
}

.page_exam .exam-detail .answer_submit_button .answer_btn_cancel {
  z-index: 2;
}

.page_exam .exam-detail .answer_submit_button .answer_btn_cancel:hover {
  background-color: #fff;
}

.page_exam .exam-detail input[type=checkbox],
.page_exam .exam-detail input[type=radio] {
  position: relative;
  top: 2px;
  margin: 0 4px 0 0;
}

.page_exam.subject_details {
  background-color: #fff !important;
}

.page_exam.subject_details .subject_warp {
  padding: 30px 0 100px;
}

/* *****************************************************考试结束***************************************************** */
.page_notice .car_notice {
  margin-bottom: 50px;
}

.page_notice .notice_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 10px;
  margin: 0 50px;
  counter-reset: item;
}

.page_notice .notice_list .notice_list_title {
  display: block;
  grid-column: span 4;
  padding-top: 30px;
}

.page_notice .notice_list .notice_block {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 38px;
  background: #eee;
  transition: transform 0.2s, background 0.2s;
}

.page_notice .notice_list .notice_block::before {
  counter-increment: item;
  content: counter(item);
  position: absolute;
  top: 15px;
  left: 0;
  display: inline-block;
  vertical-align: top;
  padding: 0 7px;
  margin: 10px 15px 0;
  min-width: 10px;
  text-align: center;
  font-family: Arial_Black, Arial;
  font-size: 30px;
  font-style: italic;
  font-weight: bold;
  color: #ed5141 !important;
  transition: color 0.2s;
}

.page_notice .notice_list .notice_block .notice_title {
  padding: 10px 15px 5px;
  color: #032B2B;
  font-size: 20px;
  font-weight: bold;
  transition: color 0.2s;
}

.page_notice .notice_list .notice_block .notice_create_time {
  padding: 0 15px 10px;
  font-size: 14px;
  line-height: 20px;
  color: #8a929b;
  transition: color 0.2s;
}

.page_notice .notice_list .notice_block:hover {
  transform: translateY(-3px);
  background: linear-gradient(121deg, #fe9760, #e01c2a);
}

.page_notice .notice_list .notice_block:hover::before {
  color: #fff !important;
}

.page_notice .notice_list .notice_block:hover .notice_title {
  color: #fff;
}

.page_notice .notice_list .notice_block:hover .notice_create_time {
  color: #fff;
}

.page_notice .overflow-auto {
  top: 0;
}

.page_notice.notice-detail .notice_list {
  position: relative;
  display: flex;
  flex-direction: column !important;
}

.page_notice.notice-detail .notice_list>span {
  display: none;
}

.page_notice.notice-detail .notice_list .notice_title {
  position: relative;
  text-align: center;
  margin-top: 0;
  padding: 20px 10px 10px;
}

.page_notice.notice-detail .notice_list .notice_creat_time {
  position: absolute;
  top: 120px;
  right: 0;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  padding: 0px 20px;
  color: #fff;
  overflow: hidden;
  background: #ed5141;
}

.page_notice.notice-detail .notice_list .notice_content {
  margin-top: 10px;
  padding: 60px 20px 20px;
  font-size: 14px;
  text-indent: 2em;
  color: #1a2535;
  word-break: break-all;
  background: #fff;
  border-radius: 4px;
}

.page_notice.notice-detail .notice_list .notice_content p {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}

/* *****************************************************公告栏列表页面开始***************************************************** */
.page_article {
  padding-bottom: 80px;
}

.page_article .card_article {
  padding: 10px 30px !important;
}

.page_article .row {
  position: relative;
  display: flex;
  margin: 0;
}

.page_article .row.art_warp .col-md-3,
.page_article .row.art_warp .col-lg-3 {
  position: static;
  margin-right: 10px;
  margin-bottom: 85px;
  border-radius: 5px;
}

.page_article .row.row_art {
  display: flex;
}

.page_article .row.row_art .col-lg-9 {
  flex-basis: auto !important;
  flex: 1;
  max-width: 100% !important;
  width: auto !important;
}

.page_article .row.row_art .col-lg-3 {
  position: static;
  flex: none !important;
  flex-basis: auto !important;
  max-width: none !important;
  flex-basis: auto !important;
  width: 100% !important;
  margin: 0;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 5px;
}

.page_article .row .col-md-9 {
  flex: 1;
  max-width: 100% !important;
  width: 100% !important;
}

.page_article .article_list_title {
  display: block !important;
  padding-top: 0;
}

.page_article .list_article {
  margin-top: 20px;
}

.page_article .col-md-3 {
  flex: none;
  flex-basis: auto !important;
  max-width: none;
  width: 100% !important;
  margin-top: 50px;
}

.page_article .list_hot .hot_title,
.page_article .card_article_hot .hot_title {
  margin-bottom: 40px;
}

.page_article .list_hot .list_article_hot,
.page_article .card_article_hot .list_article_hot {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 150px;
  column-gap: 150px;
  text-align: left;
}

.page_article .list_hot .item,
.page_article .card_article_hot .item {
  min-width: 0;
  padding-left: 25px !important;
  font-size: 14px !important;
  color: #1a2535;
  margin-bottom: 20px !important;
}

.page_article .list_hot .item:before,
.page_article .card_article_hot .item:before {
  color: #ed5141;
  min-width: 20px;
  text-align: center;
  background: #eee;
  border-radius: 50%;
}

.page_article .list_hot .item .title,
.page_article .card_article_hot .item .title {
  font-size: 14px;
  color: #1a2535 !important;
}

.page_article .list_hot .item .title:hover,
.page_article .card_article_hot .item .title:hover {
  color: #0d6efd !important;
}

.page_article .card_article_hot {
  width: auto;
  height: auto;
  text-align: center;
  border: 0 none;
  background-color: transparent !important;
}

.page_article .comments-wrap {
  margin: 0 0 20px;
}

.page_article .comments-wrap .container {
  box-sizing: border-box;
  padding: 0 24px;
  padding-top: 0 !important;
}

.page_article .comments-wrap .container .row {
  border-radius: 4px;
}

.page_article .comments-wrap .container .row .bar_title {
  padding: 0 20px;
  border-bottom: 1px solid #e4eaef;
}

.page_article .comments-wrap .container .row .bar_title a {
  position: relative;
  display: block;
  padding: 15px 0;
}

.page_article .comments-wrap .container .row .bar_title a span {
  font-size: 18px;
  font-weight: bold;
  color: #1a2535;
}

.page_article .comments-wrap .container .row .bar_title a:after {
  content: " / Comments";
  font-size: 18px;
  font-weight: bold;
  color: #1a2535;
}

.page_article .comments-wrap .review {
  background-color: #fff !important;
}

.page_article .card {
  margin: 0;
  border: 0 none;
  border-radius: 4px;
}

.page_article .col-md-9 {
  padding-top: 50px !important;
}

.page_article .div_article {
  display: flex;
  flex-direction: column;
  padding-top: 60px !important;
}

.page_article .div_article .title {
  order: 1;
  text-align: center;
  font-weight: bold;
  padding: 20px 64px;
  border-top: 10px solid #D3CEBF;
}

.page_article .div_article .aside {
  order: 4;
  flex-direction: row-reverse;
  align-items: center;
  padding-bottom: 26px;
  margin-bottom: 0;
}

.page_article .div_article .aside .aside_2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 15px 20px !important;
  flex-basis: auto !important;
  flex: none;
  flex-shrink: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  width: auto !important;
  max-width: 100%;
}

.page_article .div_article .aside .aside_2 .time {
  top: 0 !important;
}

.page_article .div_article .aside .btns_interact {
  position: absolute;
  top: 90px;
  right: -30px;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: 100%;
  height: auto;
  margin-top: 0;
}

.page_article .div_article .aside .btns_interact .btn {
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  margin-right: 10px;
  line-height: 30px;
  font-size: 12px;
  padding: 0;
  color: #041126;
  border-color: #041126;
  outline: none;
  border-radius: 50%;
}

.page_article .div_article .aside .btns_interact .btn:hover {
  background: none;
  border-color: orange;
}

.page_article .div_article .aside .btns_interact .btn:hover svg {
  color: orange;
}

.page_article .div_article .aside .btns_interact .btn.ml:hover {
  border-color: red;
}

.page_article .div_article .aside .btns_interact .btn.ml:hover svg {
  color: red;
}

.page_article .div_article .aside .btns_interact .btn .bi-heart-fill {
  color: orange !important;
}

.page_article .div_article .aside .btns_interact .btn span {
  display: none;
}

.page_article .div_article .description {
  order: 2;
  padding: 0 64px;
  font-size: 18px;
}

.page_article .div_article .content {
  order: 3;
  padding: 0 64px;
}

.page_article .div_article .content img {
  max-width: 100%;
}

.page_article .list_hot {
  text-align: center;
  color: #1a2535 !important;
  border: 1px solid #e4eaef;
  border-radius: 4px;
}

/* *****************************************************新闻列表开始***************************************************** */
.btn-secondary {
  background-color: #003F5D !important;
  border: 1px solid #003F5D !important;
}

/* *****************************************************新闻列表结束***************************************************** */
.page_message .row {
  margin: 0;
}

.page_message .card_message {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 50px 40px;
}

.page_message .card_message h4 {
  margin: 20px auto 30px !important;
}

.page_message .card_message button {
  position: absolute;
  top: 17px;
  right: 0;
  height: 48px;
  font-weight: bold;
  outline: none;
}

.page_message .card_message .list_message {
  width: 100%;
  padding: 10px 0;
  border: 0 none;
  background-color: #fff;
  border-radius: 4px;
}

.page_message .card_message .list_message .item_message {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 0 20px;
  margin: 0;
}

.page_message .card_message .list_message .item_message+.item_message {
  border-top: 0 none !important;
}

.page_message .card_message .list_message .item_message:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 94px;
  right: 15px;
  bottom: 15px;
  border: 1px solid #e4eaef;
}

.page_message .card_message .list_message .item_message .left_block,
.page_message .card_message .list_message .item_message .col-md-3 {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  width: auto !important;
  padding: 15px 15px 0 !important;
}

.page_message .card_message .list_message .item_message .left_block img,
.page_message .card_message .list_message .item_message .col-md-3 img {
  flex-shrink: 0;
  display: block;
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 10px;
}

.page_message .card_message .list_message .item_message .left_block .user_info,
.page_message .card_message .list_message .item_message .col-md-3 .user_info {
  padding-left: 10px;
  line-height: 50px;
}

.page_message .card_message .list_message .item_message .left_block .user_info .nickname,
.page_message .card_message .list_message .item_message .col-md-3 .user_info .nickname {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.page_message .card_message .list_message .item_message .right_block,
.page_message .card_message .list_message .item_message .col-md-9 {
  position: relative;
  max-width: none;
  width: auto !important;
  margin-left: 95px;
  padding: 0 15px 15px 0 !important;
}

.page_message .card_message .list_message .item_message .right_block .messg_box,
.page_message .card_message .list_message .item_message .col-md-9 .messg_box {
  padding-left: 10px;
}

.page_message .card_message .list_message .item_message .right_block .messg_box .top,
.page_message .card_message .list_message .item_message .col-md-9 .messg_box .top {
  padding: 0 0 10px;
  font-size: 16px;
}

.page_message .card_message .list_message .item_message .right_block .messg_box .message_content,
.page_message .card_message .list_message .item_message .col-md-9 .messg_box .message_content {
  font-size: 16px;
  color: #8a929b;
  word-break: break-all;
}

.page_message .card_message .list_message .item_message .right_block .messg_box .message_content a,
.page_message .card_message .list_message .item_message .col-md-9 .messg_box .message_content a {
  color: #0d6efd;
}

.page_message .card_message .list_message .item_message .right_block .bottom,
.page_message .card_message .list_message .item_message .col-md-9 .bottom {
  position: absolute;
  top: 40px;
  right: 30px;
  justify-content: flex-end;
}

.page_message .card_message .list_message .item_message .right_block .bottom .time,
.page_message .card_message .list_message .item_message .col-md-9 .bottom .time {
  font-size: 12px;
  color: #8a929b;
}

.page_message .card_message .list_message .email,
.page_message .card_message .list_message .phone {
  display: none;
}

.page_message .overflow-auto {
  top: 0;
}

.page_message .form_message {
  margin-top: 30px !important;
  padding: 20px !important;
  background-color: #eee;
  border: 1px solid #e4eaef;
  border-radius: 4px;
}

.page_message .form_message .form-group {
  display: flex;
  align-items: flex-start;
}

.page_message .form_message .form-group label {
  flex-shrink: 0;
  width: 80px;
  min-width: 80px;
  text-align: right;
  margin-bottom: 0;
  padding: 8px 8px 7px 0;
  font-size: 14px;
  line-height: 20px;
}

.page_message .form_message .form-group>div {
  flex: 1;
  min-width: 0;
}

.page_message .form_message .form-group input,
.page_message .form_message .form-group select,
.page_message .form_message .form-group .form-control {
  margin-top: 0;
  font-size: 14px;
  border: 0 none;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #e4eaef;
  border-radius: 0;
  box-shadow: none;
}

.page_message .form_message .form-group input:hover,
.page_message .form_message .form-group select:hover,
.page_message .form_message .form-group .form-control:hover {
  border-bottom: 2px solid #afb3b9;
}

.page_message .form_message .form-group input:focus,
.page_message .form_message .form-group select:focus,
.page_message .form_message .form-group .form-control:focus {
  border-top-color: #fff !important;
  border-bottom-color: #e01c2a !important;
}

.page_message .form_message .form-group input::-moz-placeholder,
.page_message .form_message .form-group select::-moz-placeholder,
.page_message .form_message .form-group .form-control::-moz-placeholder {
  font-size: 14px !important;
}

.page_message .form_message .form-group input::placeholder,
.page_message .form_message .form-group select::placeholder,
.page_message .form_message .form-group .form-control::placeholder {
  font-size: 14px !important;
}

.page_message .form_message .btns_bottom .btn_item {
  display: block;
  margin: 10px auto;
  color: #1a2535 !important;
  width: 150px !important;
  height: 48px;
  padding: 0 8px;
  line-height: 45px;
  text-align: center;
  border-radius: 4px;
  border: 0 none !important;
}

.page_message .form_message .btns_bottom .btn_item span {
  font-size: 16px;
  font-weight: bold;
}

/* *******************************************自定义模块列表开始***************************************************** */
.diy_list .diy_list_box_wrap,
.diy_list .goods {
  position: relative;
  padding: 0;
  justify-content: flex-start !important;
  width: auto !important;
  padding: 0 0 0 !important;
  min-height: 360px !important;
  margin: 0 !important;
  border: 1px solid #e7e7e7;
  overflow: hidden;
  z-index: 999;
}

.diy_list .diy_list_box_wrap .diy_list_img_box,
.diy_list .goods .diy_list_img_box {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.diy_list .diy_list_box_wrap .diy_list_img_box .diy_row,
.diy_list .goods .diy_list_img_box .diy_row {
  width: 100%;
  height: 100%;
  margin-bottom: 0px !important;
}

.diy_list .diy_list_box_wrap .diy_list_img_box .diy_row .diy_img,
.diy_list .goods .diy_list_img_box .diy_row .diy_img {
  width: 100%;
  height: 100%;
}

.diy_list .diy_list_box_wrap .diy_list_img_box .diy_row .diy_img img,
.diy_list .goods .diy_list_img_box .diy_row .diy_img img {
  border-radius: 0px;
  /* object-fit: cover; */
}

.diy_list .diy_list_box_wrap .diy_list_img_box .diy_list_img_title,
.diy_list .goods .diy_list_img_box .diy_list_img_title {
  display: none;
}

.diy_list .diy_list_box_wrap .diy_list_item_box,
.diy_list .goods .diy_list_item_box {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  flex: 1;
  min-width: 0;
  padding: 30px 0 10px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease 0s;
}

.diy_list .diy_list_box_wrap .diy_list_item_box:before,
.diy_list .goods .diy_list_item_box:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(121deg, #fe9760, #e01c2a);
}

.diy_list .diy_list_box_wrap .diy_list_item_box:first-child,
.diy_list .goods .diy_list_item_box:first-child {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
  transition: none;
}

.diy_list .diy_list_box_wrap .diy_list_item_content,
.diy_list .goods .diy_list_item_content {
  position: relative;
  width: auto;
  padding: 0 15px 0 20px;
  margin-bottom: 5px;
}

.diy_list .diy_list_box_wrap .diy_list_item_content:nth-child(1),
.diy_list .goods .diy_list_item_content:nth-child(1) {
  margin: 0 !important;
  border: 0 none;
}

.diy_list .diy_list_box_wrap .diy_list_item_content:nth-child(1) .diy_field,
.diy_list .diy_list_box_wrap .diy_list_item_content:nth-child(1) .diy_text,
.diy_list .goods .diy_list_item_content:nth-child(1) .diy_field,
.diy_list .goods .diy_list_item_content:nth-child(1) .diy_text {
  position: relative;
  text-align: left;
  width: auto !important;
  height: 24px;
  line-height: 24px;
}

.diy_list .diy_list_box_wrap .diy_list_item_content .diy_row,
.diy_list .goods .diy_list_item_content .diy_row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 16px;
  margin-left: 15px;
}

.diy_list .diy_list_box_wrap .diy_list_item_content .diy_row .diy_title,
.diy_list .goods .diy_list_item_content .diy_row .diy_title {
  margin-right: 5px;
  color: #fff;
}

.diy_list .diy_list_box_wrap .diy_list_item_content .diy_row .diy_title span:before,
.diy_list .goods .diy_list_item_content .diy_row .diy_title span:before {
  /* content: ""; */
  position: absolute;
  top: 8px;
  left: 10px;
  display: inline-block;
  vertical-align: top;
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 50%;
  overflow: hidden;
}

.diy_list .diy_list_box_wrap .diy_list_item_content .diy_row .diy_text,
.diy_list .goods .diy_list_item_content .diy_row .diy_text {
  flex: 1;
  color: #fff;
}

.diy_list .diy_list_box_wrap .diy_list_item_content:before,
.diy_list .goods .diy_list_item_content:before {
  content: "";
  position: absolute;
  left: 12px;
  top: 12px;
  bottom: -24px;
  border-right: 5px solid #fff;
  border-radius: 20px;
}

.diy_list .diy_list_box_wrap .diy_list_item_content:last-child::before,
.diy_list .goods .diy_list_item_content:last-child::before {
  display: none;
}

.diy_list .diy_list_box_wrap:hover,
.diy_list .goods:hover {
  border: 1px solid #e4eaef !important;
}

.diy_list .diy_list_box_wrap:hover img,
.diy_list .goods:hover img {
  filter: none;
}

.diy_list .diy_list_box_wrap:hover .diy_list_item_box,
.diy_list .goods:hover .diy_list_item_box {
  opacity: 1;
  visibility: visible;
}

.diy_list .diy_list_container {
  margin-bottom: 80px;
}

.diy_list .diy_list_container .diy_list_title {
  padding: 60px 0 50px;
}

.diy_list .diy_list_container .diy_list_search {
  min-width: 0;
  margin: 0;
  margin-right: 10px;
  font-size: 14px;
}

.diy_list .diy_list_container .diy_list_search .view {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.diy_list .diy_list_container .diy_list_search .view .diy_list_search_title {
  display: none;
  width: 100px;
  text-align: right;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
}

.diy_list .diy_list_container .diy_list_search .view.Search input {
  margin-right: 10px !important;
  border-radius: 4px;
}

.diy_list .diy_list_container .diy_list_search .view.Search .btn {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 48px !important;
  height: 48px !important;
  border-radius: 4px;
}

.diy_list .diy_list_container .diy_list_select_box {
  display: flex;
  flex-direction: row;
}

.diy_list .diy_list_container .diy_list_select_box .diy_list_select_title {
  display: none;
  position: relative;
  width: 100px;
  text-align: center;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
}

.diy_list .diy_list_container .diy_list_select_box .diy_list_dropdown_box .view {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.diy_list .diy_list_container .diy_list_select_box .diy_list_dropdown_box .dropdown{
	margin-right: 10px;
	margin-bottom: 10px;
}

.diy_list .diy_list_container .diy_list_box {
  margin: 0 0 50px 0;
}

.diy_list .diy_list_container .diy_list_box .tabs .nav-tabs {
  justify-content: center;
}

.diy_list .diy_list_container .diy_list_box .tabs .nav-tabs .nav-item {
  margin-right: 8px;
}

.diy_list .diy_list_container .diy_list_box .tabs .nav-tabs .nav-item .nav-link {
  margin: 0;
  border: none;
  border-bottom: 2px solid transparent;
}

.diy_list .diy_list_container .diy_list_box .tabs .nav-tabs .nav-item .active {
  margin: 0;
  border: none;
  color: #041126 !important;
  border-bottom: 2px solid #041126;
}

.diy_list .diy_list_container .diy_list_box .tabs .tab-content .tab-pane {
  padding: 0 30px;
}

.diy_list .diy_list_container .diy_list_box .diy_view_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 20px;
}

.diy_list .diy_list_container .diy_list_box .diy_view_list .diy_list_box_wrap {
  min-height: 230px !important;
}

.diy_list .diy_list_container .diy_list_box .diy_view_list .diy_list_box_wrap .diy_list_img_box {
  height: 230px;
}

.diy_list .diy_list_container .diy_list_box .diy_view_list .diy_list_box_wrap .diy_list_item_box .diy_row .diy_title {
  width: 110px;
}

.diy_list .diy_list_container .diy_list_box .diy_view_list .diy_list_box_wrap .diy_list_item_box .diy_row .diy_text {
  display: inline-block;
}

.diy_list .diy_list_container .diy_pager .container .row {
  margin: 0;
  display: block;
  text-align: center;
}

.diy_list .diy_list_container .diy_pager .container .row .diy_pager_item {
  display: inline-block;
  flex: 0;
  width: 200px !important;
}

.diy_list .diy_list_container .diy_pager .container .row .diy_pager_item .info,
.diy_list .diy_list_container .diy_pager .container .row .diy_pager_item .select {
  position: relative;
  top: -15px;
}

.diy_list .diy_list_page_box {
  margin: 30px 0;
  padding-top: 30px;
}

.diy_list .diy_list_page_box .row {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.diy_list .diy_list_page_box .row div {
  height: 40px;
  line-height: 34px;
  flex: 0.09 !important;
}

.diy_list .diy_list_page_box .row div .page-item.active .page-link {
  background: rgb(10, 133, 138) !important;
  border-color: rgb(10, 133, 138) !important;
  color: #fff !important;
}

.diy_list .diy_list_page_box .overflow-auto {
  top: 0;
  margin-bottom: 0;
}

.diy_list .diy_list_page_box .pagination {
  margin-bottom: 0;
}

#app .diy_edit .warp>.container {
  position: relative;
  box-sizing: border-box;
  margin: 10px 50px 80px;
  background: #fff !important;
  border-radius: 4px;
}

#app .diy_edit .row {
  margin: 0;
}

#app .diy_edit>.row {
  display: flex;
  /* flex-direction: column; */
  justify-content: flex-start;
}

#app .diy_edit .diy_edit_content_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 20px;
  background-image: linear-gradient(to right, #fff 0%, #ddd 50%, #e4eaef calc(50% + 1px), #ddd calc(50% + 2px), #fff 100%);
  border: 1px solid #e4eaef;
}

#app .diy_edit .form-item {
  width: auto !important;
  max-width: none !important;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-size: 14px;
}

#app .diy_edit .form-item .diy_title {
  width: 125px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 32px;
  color: #5e6671;
  text-align: right;
}

#app .diy_edit .form-item input,
#app .diy_edit .form-item select,
#app .diy_edit .form-item textarea {
  margin-top: 0;
  font-size: 14px;
  border-radius: 0;
  box-shadow: none;
}

#app .diy_edit .form-item input::-moz-placeholder,
#app .diy_edit .form-item select::-moz-placeholder,
#app .diy_edit .form-item textarea::-moz-placeholder {
  font-size: 14px !important;
}

#app .diy_edit .form-item input::placeholder,
#app .diy_edit .form-item select::placeholder,
#app .diy_edit .form-item textarea::placeholder {
  font-size: 14px !important;
}

#app .diy_edit .form-item .diy_text input {
  height: 32px;
  line-height: 32px;
  /* width: 654px; */
}

#app .diy_edit .form-item .diy_img .btn_add_img {
  width: 100px;
  height: 100px;
  margin-left: 10px;
  line-height: 100px;
  border: 1px solid #ed5141;
  color: #ed5141;
  cursor: pointer;
  font-size: 25px;
  text-align: center;
}

#app .diy_edit .form-item .diy_img img {
  width: 120px;
  height: 120px;
  cursor: pointer;
}

#app .diy_edit .form-item .diy_img label {
  padding: 6px;
  margin: 0;
}

#app .diy_edit .form-item .diy_down select {
  width: 100px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}

#app .diy_edit .form-item .diy_desc textarea {
  /* width: 654px;
  height: 300px; */
}

#app .diy_edit .form-item .diy_select {
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

#app .diy_edit .form-item .diy_select option {
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

#app .diy_edit .diy_edit_submit_box {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

#app .diy_edit .diy_edit_submit_box .btn_box {
  display: flex;
  justify-content: center;
}

#app .diy_edit .diy_edit_submit_box .btn_box .btn_submit {
  height: 48px;
  line-height: 18px;
}

#app .diy_details {
  padding-bottom: 110px;
}

#app .diy_details .row {
  padding: 0;
  margin: 0;
}

#app .diy_details .container {
  padding: 0;
}

#app .diy_details .warp {
  padding-top: 10px;
}

#app .diy_details .diy_details_box {
  border-radius: 4px;
  box-shadow: none;
}

#app .diy_details .diy_details_box .details_title {
  display: block !important;
  width: 100px;
  margin: 20px auto 0;
  text-align: center;
}

#app .diy_details .diy_details_box .row_top_wrap {
  display: flex;
  flex-direction: row;
  min-height: 225px;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
}

#app .diy_details .diy_details_box .row_top_wrap .row_1 {
  width: auto;
  display: flex;
  flex-direction: column;
  margin: 30px 0 20px;
}

#app .diy_details .diy_details_box .row_top_wrap .row_1 .diy_img {
  width: 440px;
  height: 280px;
  margin: 0;
  border-radius: 4px;
}

#app .diy_details .diy_details_box .row_top_wrap .row_1 .diy_img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

#app .diy_details .diy_details_box .row_top_wrap .row_2 {
  flex: 1;
  min-width: 0;
  display: block;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 50%;
  margin: 30px 20px;
  border: 1px solid #e4eaef;
}

#app .diy_details .diy_details_box .row_top_wrap .row_2 .row_cont,
#app .diy_details .diy_details_box .row_top_wrap .row_2>.view {
  display: block;
  border: 0 none;
  width: auto;
  padding: 10px;
}

#app .diy_details .diy_details_box .row_top_wrap .row_2 .row_cont:not(:nth-child(-n+2)),
#app .diy_details .diy_details_box .row_top_wrap .row_2>.view:not(:nth-child(-n+2)) {
  border-top: 1px solid #e4eaef;
}

#app .diy_details .diy_details_box .row_top_wrap .row_2 .row_cont:not(:nth-child(2n)),
#app .diy_details .diy_details_box .row_top_wrap .row_2>.view:not(:nth-child(2n)) {
  border-right: 1px solid #e4eaef;
}

#app .diy_details .diy_details_box .row_top_wrap .row_2 .row_cont:nth-child(2n),
#app .diy_details .diy_details_box .row_top_wrap .row_2>.view:nth-child(2n) {
  background-color: #fafafa;
}

#app .diy_details .diy_details_box .row_top_wrap .row_2 .view {
  display: flex;
}

#app .diy_details .diy_details_box .row_top_wrap .row_2 .view .diy_title {
  min-width: 100px;
  text-align: right;
  font-size: 16px;
  line-height: 32px;
  color: #5e6671;
}

#app .diy_details .diy_details_box .row_top_wrap .row_2 .view .diy_field {
  margin-left: 15px;
  font-size: 16px;
  max-width: 285px;
  margin-right: 10px;
  line-height: 32px;
  color: #1a2535;
}

#app .diy_details .diy_details_box .row_top_wrap .row_2 .view a {
  color: #0d6efd !important;
}

#app .diy_details .diy_details_box .praise_wrap {
  width: 100%;
  text-align: right;
  padding: 10px;
}

#app .diy_details .diy_details_box .praise_wrap .diy_title {
  color: #333;
}

#app .diy_details .diy_details_box .praise_wrap .diy_text {
  color: #ed5141;
}

#app .diy_details .diy_details_box .details_btn_wrap {
  order: 3;
  width: 100%;
  padding: 40px;
  text-align: center;
}

#app .diy_details .diy_details_box .details_btn {
  margin-left: 20px;
  min-width: 150px !important;
  height: 48px;
  line-height: 20px;
  text-align: center;
  color: #fff !important;
  background: #ed5141 !important;
  border-color: #ed5141 !important;
}

#app .diy_details .diy_details_box .details_btn:hover {
  background-color: #059e41 !important;
  border-color: #059e41 !important;
}

#app .diy_details .diy_details_box .rich_text {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 20px;
  background: #fafafa;
  border-bottom: 1px solid #e4eaef;
}

#app .diy_details .diy_details_box .rich_text .diy_html {
  padding: 30px 64px;
}

#app .diy_details .diy_details_box .rich_text .diy_html h1,
#app .diy_details .diy_details_box .rich_text .diy_html h2,
#app .diy_details .diy_details_box .rich_text .diy_html h3 {
  font-size: 18px !important;
  color: #1a2535 !important;
  font-weight: bold !important;
  margin-bottom: 15px !important;
}

#app .diy_details .diy_details_box .rich_text .diy_html p,
#app .diy_details .diy_details_box .rich_text .diy_html div,
#app .diy_details .diy_details_box .rich_text .diy_html a,
#app .diy_details .diy_details_box .rich_text .diy_html span {
  font-size: 16px !important;
  color: #666 !important;
}

#app .diy_details .diy_details_box .rich_text .diy_html img {
  max-width: 100% !important;
}

#app .diy_details .diy_details_box .row {
  justify-content: flex-start;
}

#app .diy_details .diy_details_box .row .row_cont {
  width: 50%;
  border: 1px dashed #eee;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 15px;
}

#app .diy_details .diy_details_box .flex_row2 {
  display: flex;
  flex-wrap: wrap;
}

#app .diy_details .diy_details_box .flex_row2_item_text {
  max-width: 600px !important;
}

#app .diy_details .time_type {
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  color: #fff;
  background-color: #E13A0C;
}

#app .diy_details .time_type>span {
  display: none;
}

#app .diy_details .btn_share {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  flex-direction: row-reverse;
}

#app .diy_details .btn_share+img {
  position: absolute;
  top: calc(50% + 50px);
  right: 0;
}

#app .diy_details .qecode {
  position: absolute;
  left: auto;
  right: 40px;
  top: calc(50% + 50px);
}

#app .diy_details .location_address {
  padding: 10px;
  background-color: #fff;
}

#app .diy_details .review {
  background-color: #fff;
  border-radius: 4px;
}

#app .diy_details .review .bar_title,
#app .diy_details .review .mt {
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #e4eaef;
}

#app .diy_details .review .bar_title .title::after,
#app .diy_details .review .mt .title::after {
  content: " / Comment";
}

#app .diy_details .pagination {
  justify-content: center;
  padding-top: 25px;
  border-top: 1px solid #ccc;
}

#app .diy_details .comment_box {
  border-bottom: 2px dashed #e4eaef;
  padding-bottom: 30px;
}

#app .diy_details .comment_box .list_comment {
  padding: 15px;
}

#app .diy_details .answer_title {
  font-size: 16px;
  color: #1a2535;
}

#app .diy_details .reset_answer_personnel {
  width: 120px;
  height: 40px;
  text-align: center;
  background: #ed5141;
  border-color: #ed5141 !important;
  color: #fff !important;
  font-size: 14px;
  position: relative;
  top: -5px;
}

#app .diy_details .reset_answer_personnel:hover {
  background: #059e41;
  border-color: #059e41 !important;
}

#app .diy_details .form_editor,
#app .diy_details .form_editor_box {
  background-color: #fff;
  border-radius: 4px;
}

#app .diy_details .form_editor .details_form_editor_title,
#app .diy_details .form_editor_box .details_form_editor_title {
  display: none;
}

#app .diy_details .form_editor .form_editor,
#app .diy_details .form_editor .fn,
#app .diy_details .form_editor_box .form_editor,
#app .diy_details .form_editor_box .fn {
  padding: 15px;
  margin-top: 0;
}

#app .diy_details .form_editor .form_editor .editor:before,
#app .diy_details .form_editor .fn .editor:before,
#app .diy_details .form_editor_box .form_editor .editor:before,
#app .diy_details .form_editor_box .fn .editor:before {
  font-size: 18px;
  font-weight: bold;
}

#app .diy_details .fn .btn_publish {
  margin: 110px 0 30px;
  text-align: center;
}

#app .diy_details .fn .btn_publish .btn {
  width: 150px;
  display: inline-block;
  background: #ed5141 !important;
  border-color: #ed5141 !important;
  color: #fff !important;
}

#app .diy_details .fn .btn_publish .btn:hover {
  background: #059e41 !important;
  border-color: #059e41 !important;
}

.diy_list .overflow-auto {
  margin-bottom: 100px;
}

.diy_list .diy_list .ins_s {
  display: none;
}

.y_music_player {
  position: relative;
  height: auto !important;
  padding-left: 50px !important;
  padding-bottom: 50px !important;
}

.y_music_player .play_control {
  position: absolute;
  bottom: 0;
  left: 10px;
  height: 60px !important;
}

.y_music_player .play_control .el-image {
  position: absolute;
  top: -42px;
  left: -13px;
}

.y_music_player .play-volume {
  position: absolute;
  bottom: 17px;
  left: 109px;
}

/* *****************************************************自定义模块列表结束***************************************************** */
/******************************************************自定义编辑开始***************************************************** */
#app .page_feedback .warp .container::before {
  content: "内容编辑";
  font-size: 20px;
  position: absolute;
  top: 22px;
  left: 680px;
  font-weight: 600;
}

#app .page_i_want_to_customize .warp .container>.row .selected_seat_box {
  margin-left: 138px;
  margin-top: 14px;
}

#app .page_i_want_to_customize .warp .container>.row .selected_seat_box::before {
  content: "选定座位:";
  display: block;
  position: absolute;
  top: -16px;
  left: -70px;
  width: 180%;
  font-size: 15px;
  color: #555;
}

/* *****************************************************自定义编辑结束***************************************************** */
/* *****************************************************快讯详情页面开始***************************************************** */
/* *********************************快讯详情页面结束***************************************************** */
.page_goods {
  padding-bottom: 60px;
}

.page_goods .good_list_title {
  display: block !important;
  padding-top: 30px;
}

.page_goods .page_goods_list_wrap {
  position: relative;
  flex-direction: row-reverse;
  margin: 0 50px;
}

.page_goods .page_goods_list_wrap .page_goods_list_base {
  max-width: none !important;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .lis_i_box {
  margin-top: 30px;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods.goods_c {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods {
  position: relative;
  justify-content: flex-start;
  width: auto !important;
  margin: 0;
  padding-top: 0 !important;
  border: 2px solid #ed5141;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .media {
  padding: 0;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .media .icon img {
  border-radius: 0;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc {
  padding: 0 !important;
}

.page_goods .page_goods_list_hot {
  left: auto !important;
  flex: none !important;
  width: 100% !important;
  margin-top: 50px;
  margin-bottom: 30px;
  max-width: none !important;
}

.page_goods .page_goods_list_hot .card_list_hot {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  background: #fff;
}

.page_goods .page_goods_list_hot .card_list_hot .hot_title {
  margin-top: 20px;
  margin-bottom: 40px;
}

.page_goods .page_goods_list_hot .card_list_hot .list_goods_hot {
  flex: 1;
  min-height: 0;
  width: 100%;
  overflow: auto;
}

.page_goods .page_goods_list_hot .list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
  width: 100%;
}

.page_goods .page_goods_list_hot .list .goods {
  background: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  border: 0 none !important;
  box-shadow: none !important;
}

.page_goods .page_goods_list_hot .list .goods:hover {
  border: 0 none !important;
  box-shadow: none !important;
}

.page_goods .page_goods_list_hot .list .goods .goods_nav {
  display: block;
}

.page_goods .page_goods_list_hot .list .goods .goods_nav .media {
  width: 100%;
  padding: 0 !important;
  height: auto !important;
  overflow: hidden;
}

.page_goods .page_goods_list_hot .list .goods .goods_nav .media img {
  height: 190px !important;
}

.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom {
  width: 100%;
  padding: 0 !important;
}

.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .price_block:after {
  display: none;
}

.page_goods .card_aside {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 4px;
}

.page_goods .card_aside h5 {
  margin: 30px 0 40px;
}

.page_goods .card_aside .list_goods_hot {
  flex: 1;
  min-height: 0;
  width: 100%;
  overflow: auto;
}

.page_goods .card_aside .list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
  width: 100%;
}

.page_goods .card_aside .list .goods {
  background: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  border: 0 none !important;
  box-shadow: none !important;
}

.page_goods .card_aside .list .goods:hover {
  border: 0 none !important;
  box-shadow: none !important;
}

.page_goods .card_aside .list .goods .goods_nav {
  display: block;
}

.page_goods .card_aside .list .goods .goods_nav .media {
  width: 100%;
  padding: 0 !important;
  height: auto !important;
  overflow: hidden;
}

.page_goods .card_aside .list .goods .goods_nav .media img {
  height: 190px !important;
}

.page_goods .card_aside .list .goods .goods_nav .good_bottom {
  width: 100%;
  padding: 0 !important;
}

.page_goods .card_aside .list .goods .goods_nav .good_bottom .price_block:after {
  display: none;
}

.page_goods.goods_det .col-12 {
  flex-basis: auto !important;
  max-width: none !important;
  flex: none;
  width: 100% !important;
}

.page_goods.goods_det .col-12.col-md-10 {
  flex: 1;
  min-width: 0;
}

.page_goods.goods_det>.row {
  margin: 0 50px;
}

.page_goods.goods_det>.row .pr-md-2 {
  padding: 0;
}

.page_goods.goods_det .card_div_goods {
  background-color: #f3f3f3;
}

.page_goods.goods_det .card_div_goods .gods {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.page_goods.goods_det .card_div_goods .gods .col-12:first-child {
  flex: none;
  flex-shrink: 0;
  margin-top: 20px;
  width: auto !important;
  max-width: none !important;
}

.page_goods.goods_det .card_div_goods .gods .col-12:nth-child(2) {
  flex-basis: auto !important;
  flex: 1;
  min-width: 0;
  max-width: none;
  width: 100% !important;
}

.page_goods.goods_det .card_div_goods .card_goods_info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  gap: 30px;
  padding: 20px 10px;
  border-radius: 4px;
  border: 0 none;
  box-shadow: none;
}

.page_goods.goods_det .card_div_goods .card_goods_info .titile_t {
  order: 1;
  margin-bottom: 10px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .titile_t .goods_name {
  position: relative;
  font-size: 24px;
  padding-bottom: 10px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .titile_t .goods_name::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  border-bottom: 4px solid #1a2535;
}

.page_goods.goods_det .card_div_goods .card_goods_info .titile_t .description {
  margin-top: 10px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .figure {
  grid-row: span 2;
  min-width: 0;
  padding: 0;
  margin-bottom: 20px;
  border-radius: 4px;
  border: 2px solid #e4eaef;
  box-shadow: none;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b {
  order: 2;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .price_block {
  flex: 1;
  min-height: 0;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .price_block .price_item {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-right: 20px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .price_block .price_item .price {
  margin-left: 5px;
  padding: 0 10px;
  font-family: "DIN-Bold";
  font-size: 16px;
  color: #fff;
  background: #ed5141;
  border-radius: 15px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .price_block .price_item .price_ago {
  font-family: "DIN-Bold";
  font-size: 18px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .price_block .score_star {
  display: none;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 20px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .num_buy_block {
  grid-column: span 4;
  justify-content: space-between;
  margin: 3px 0;
  padding: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .num_buy_block .subtract,
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .num_buy_block .add {
  width: 28px;
  height: 28px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .num_buy_block .subtract {
  border-radius: 4px 0 0 4px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .num_buy_block .add {
  border-radius: 0 4px 4px 0;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .buy {
  grid-column: span 2;
  margin-left: 0 !important;
  font-size: 16px;
  position: relative;
  width: 240px !important;
  text-align: center;
  height: 40px;
  line-height: 35px;
  border-radius: 4px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .buy:nth-child(2) {
  font-weight: bold;
  color: #fff !important;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .buy:nth-child(3) {
  background-color: #ed5141 !important;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .buy:nth-child(3):hover {
  background-color: #ed5141 !important;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .cart,
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .collect {
  grid-column: span 2;
  margin-left: 0 !important;
  font-size: 16px;
  position: relative;
  width: 240px !important;
  text-align: center;
  height: 40px;
  line-height: 35px;
  background: #fff;
  border: 1px solid #1a2535 !important;
  border-radius: 4px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .cart svg,
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .collect svg {
  position: relative;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .cart::after {
  content: " ADD TO CART";
  font-size: 14px;
  line-height: 20px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .cart svg {
  top: -2px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .collect::after {
  content: " COLLECT";
  font-size: 14px;
  line-height: 20px;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .collect svg {
  top: -1px;
}

.page_goods.goods_det .card_div_goods .list_sm_img {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  width: 100px;
}

.page_goods.goods_det .card_div_goods .list_sm_img .item {
  width: auto;
  padding: 0;
}

.page_goods.goods_det .card_div_goods .list_sm_img .item .sm_figure {
  margin-bottom: 0;
  padding: 0;
  height: 93px;
  border: 2px solid #e4eaef;
  border-radius: 4px;
  box-shadow: none;
}

.page_goods.goods_det .card_div_goods .list_sm_img .item .sm_figure img {
  border-radius: 4px;
}

.page_goods.goods_det .card_div_goods .list_sm_img .item .sm_figure:hover {
  border: 2px solid #ed5141;
}

.page_goods.goods_det .card_div_goods .list_sm_img .item .sm_figure.little_goodspic_act {
  border: 2px solid #ed5141 !important;
  box-shadow: none;
}

.page_goods.goods_det .card_bottom_goods {
  padding: 0;
  margin-top: 20px;
  background-color: #fff;
  border-radius: 4px;
}

.page_goods.goods_det .card_bottom_goods .options {
  position: relative;
  display: flex;
  padding: 0 10px;
  color: #5e6671;
  border-radius: 4px 4px 0 0;
}

.page_goods.goods_det .card_bottom_goods .options span {
  position: relative;
  padding: 15px;
  font-size: 18px;
  font-weight: normal;
}

.page_goods.goods_det .card_bottom_goods .options span:hover {
  color: #1a2535 !important;
}

.page_goods.goods_det .card_bottom_goods .options .selected {
  font-weight: bold;
  color: #1a2535;
}

.page_goods.goods_det .card_bottom_goods .options .selected:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 16px;
  height: 3px;
  margin-left: -8px;
  background-color: #ed5141;
}

.page_goods.goods_det .card_bottom_goods .comment_box .list_comment {
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  margin-bottom: 20px;
}

.page_goods.goods_det .card_bottom_goods .goods_desc_box {
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  margin-bottom: 20px;
}

.page_goods.goods_det .card_bottom_goods .goods_desc_box .goods_detail_item {
  padding: 0 10px;
  margin-bottom: 10px;
}

/* *************************************购物车别名-商品列表页面开始******************************* */
/* *************************************购物车别名-商品列表页面结束******************************* */
/* *************************************购物车别名-商品列表详情页面开始******************************* */
#app .warp .container .goods_details_box {
  flex-direction: column;
  margin-bottom: 25px;
}

#app .warp .container .goods_details_box .col-12,
#app .warp .container .goods_details_box .col-lg-10,
#app .warp .container .goods_details_box .col-md-12 {
  width: 100% !important;
  max-width: 100% !important;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods {
  max-width: 100%;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row {
  display: flex;
  flex-direction: row;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row .col-12,
#app .warp .container .goods_details_box .card_div_goods .div_goods .row .col-md-6 {
  max-width: 50% !important;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row .card_goods_info {
  width: 98%;
  float: right;
  border: 2px solid #909399;
  box-shadow: 5px 11px 38px rgba(0, 11, 40, 0.5);
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row .card_goods_info .goods_name {
  font-size: 18px;
  font-weight: normal;
  color: #041126;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row .card_goods_info .description {
  text-indent: 2em;
  font-size: 15px;
  color: #333;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .card_img .figure {
  border: 2px solid #909399;
  box-shadow: 5px 11px 38px rgba(0, 11, 40, 0.5);
  /* border-radius: 5px; */
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .card_img .list_sm_img .item .sm_figure:hover {
  /* border-color: #041126 !important; */
  box-shadow: 10px 0px 16px rgba(233, 46, 76, 0.3098039216);
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .card_img .list_sm_img .item .little_goodspic_act {
  border: 2px solid #909399 !important;
}

.icon_wrap {
  color: #f56c6c;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row .card_goods_info .sales {
  display: inline;
  padding: 5px 10px;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
  color: #888;
  float: right;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row .card_goods_info .bottom_handle {
  margin-top: 50px;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row .card_goods_info .bottom_handle .num_buy_block {
  border-color: #041126;
  height: 40px;
}

.bottom_handle .num_buy_block .subtract,
.bottom_handle .num_buy_block .add {
  color: #041126;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row .card_goods_info .bottom_handle .num_buy_block .num {
  color: #666;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row .card_goods_info .bottom_handle .buy {
  float: right;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row .card_goods_info .bottom_handle .cart {
  font-size: 26px;
  color: #041126;
  position: relative;
  left: 8%;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row .card_goods_info .bottom_handle .collect {
  font-size: 20px;
  color: #041126;
  position: relative;
  top: 2px;
}

.bi-heart-fill {
  color: #041126 !important;
}

.list_goods_hot .media {
  height: 6rem !important;
}

#app .warp .container .goods_details_box .card_div_goods .div_goods .row .card_goods_info .bottom_handle .buy:hover {
  background: #343463;
}

#app .warp .container .goods_details_box .card_bottom_goods {
  border: 2px solid transparent;
  border-radius: 5px;
  box-shadow: 5px 11px 38px rgba(0, 11, 40, 0.5);
}

#app .warp .container .goods_details_box .card_bottom_goods .comment_box {
  border: none;
}

#app .warp .container .goods_details_box .card_bottom_goods .options span {
  font-weight: normal;
  color: #333;
  border-bottom: 2px solid transparent;
  padding: 0;
  margin-right: 20px;
  padding: 0 5px 17px;
}

#app .warp .container .goods_details_box .card_bottom_goods .options .selected {
  color: #041126;
  border-color: #041126;
}

#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box {
  padding: 30px;
  box-sizing: border-box;
}

#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_item {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}

#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_item label {
  right: 20px;
  margin-right: 5px;
  width: 90px;
  max-width: 160px;
  text-align: right;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  color: #2a303c;
  margin-bottom: 20px;
}

#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_item img {
  width: 100px;
  height: 100px !important;
  border-radius: 8px;
  border: 1px solid #041126;
}

#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_editor,
#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_item span {
  margin-top: -50px;
  font-size: 14px;
  color: #6a6e74;
  margin-left: 88px;
  background: #fafafa;
  padding: 16px;
}

#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_editor h1,
#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_editor h2,
#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_editor h3,
#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_editor h4,
#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_editor h5,
#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_editor h6,
#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_editor p,
#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_editor div,
#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_editor span,
#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_editor text {
  font-size: 14px;
  color: #6a6e74;
}

#app .warp .container .goods_details_box .card_bottom_goods .goods_desc_box .goods_detail_editor img {
  width: 100%;
  height: 100%;
}

#app .warp .container .goods_details_box .card_aside {
  background: #fff;
  /* 	border: 1px solid  #a7a7a7; */
}

#app .warp .container .goods_details_box .card_aside .title {
  display: block;
  font-weight: normal;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  text-align: left;
  color: #333;
  height: 50px;
  line-height: 50px;
  padding-left: 5px;
  margin-bottom: 20px;
}

#app .warp .container .goods_details_box .card_aside .list_goods_hot .card_goods_list .goods {
  display: flex;
  width: calc(25% - 1rem);
  margin: 0.5rem;
  flex-direction: column;
  justify-content: space-between;
  background-color: white;
  border-radius: 0.5rem;
  border: 2px solid #a7a7a7;
  /* box-shadow: 0px 0px 10px #041126; */
}

#app .warp .container .goods_details_box .card_aside .list_goods_hot .card_goods_list .goods .goods_nav {
  display: flex;
  flex-direction: row;
}

#app .warp .container .goods_details_box .card_aside .list_goods_hot .card_goods_list .goods:hover {
  box-shadow: 5px 11px 38px rgba(233, 46, 76, 0.3098039216);
}

#app .page_goods .warp>.container {
  /*    background: url(../img/hero-bg.png); */
  background-size: 100% 100%;
}

#app .warp .container .goods_details_box .card_aside .list_goods_hot .card_goods_list .goods .goods_nav .media img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

#app .warp .container .goods_details_box .card_aside .list_goods_hot .card_goods_list .goods .goods_nav .good_bottom {
  width: 54%;
  padding-left: 0;
}

#app .warp .container .goods_details_box .card_aside .list_goods_hot .card_goods_list .goods .goods_nav .good_bottom .title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: 16px;
  border: none;
  margin-bottom: 30px;
}

#app .warp .container .goods_details_box .card_bottom_goods .form_editor .form_editor .editor::before {
  display: none;
}

/* *********************************购物车别名-商品列表详情页面结束 **********************************/
/********************************** 自定义详情页面开始********************************* */
/*********************************** 用户中心开始 **********************************/
.page_user {
  padding-bottom: 60px;
}

.page_user .row {
  width: 100% !important;
  flex-direction: column;
  align-items: center;
  margin: 0;
}

.page_user .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100% !important;
  max-width: 100% !important;
}

.page_user .col-12 .content_msg {
  width: 50%;
}

.page_user .col-md-9 {
  width: 100% !important;
}

.page_user .col-md-9 .card_addres {
  padding-top: 20px;
}

.page_user .col-md-9 .card_addres>div {
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
}

.page_user .justify-content-between>.col-12 {
  flex: none !important;
  flex-basis: auto !important;
}

.page_user .justify-content-between>.col-md-9 {
  flex: 1 !important;
  min-width: 0;
}

.page_user .card_menu {
  margin-bottom: 10px;
}

.page_user .card_menu .list_menu {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 15px;
  counter-reset: menuitem;
  border-radius: 4px;
}

.page_user .card_menu .list_menu::after {
  content: "";
  display: block;
  background-color: #fff;
}

.page_user .card_menu .list_menu .menu_item {
  display: block;
  width: auto;
  padding: 5px 10px;
  margin: 8px 4px;
  font-size: 14px;
  color: #f3694c !important;
  text-align: center;
  background-color: #fff;
  border: 1px solid #f3694c;
  border-radius: 4px;
}

.page_user .card_menu .list_menu .menu_item:before {
  counter-increment: menuitem;
  content: counter(menuitem) ". ";
}

.page_user .card_menu .list_menu .menu_item:hover {
  background-color: #fff;
  color: #f3694c !important;
  border-color: #f3694c;
}

.page_user .card_menu .list_menu .menu_item.selected {
  color: #fff !important;
  border-color: #f3694c !important;
  background: linear-gradient(121deg, #fe9760, #e01c2a);
}

.page_user .card_menu .list_menu .menu_item.selected span {
  font-weight: bold;
  color: #fff !important;
}

.page_user .card_menu .list_menu .menu_item .right_span svg {
  display: none;
}

.page_user .container-fluid {
  padding: 0 !important;
}

.page_user .container-fluid .el-row {
  margin-bottom: 10px;
}

.page_user .container-fluid .el-row:nth-child(1) {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: bold;
}

.page_user .container-fluid .el-row:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
}

.page_user .container-fluid .el-row:nth-child(2)>.el-col-8 {
  width: calc(50% - 10px) !important;
  margin: 5px;
}

.page_user .container-fluid .el-row:nth-child(2)>.el-col-8:nth-child(1) {
  order: 5;
}

.page_user .container-fluid .el-row:nth-child(2)>.el-col-8:nth-child(2) {
  order: 4;
}

.page_user .container-fluid .el-row:nth-child(2)>.el-col-8:nth-child(3) {
  order: 3;
}

.page_user .container-fluid .el-row:nth-child(2)>.el-col-8:nth-child(4) {
  order: 2;
}

.page_user .container-fluid .el-row:nth-child(2)>.el-col-8:nth-child(5) {
  order: 1;
  width: 100% !important;
}

.page_user .container-fluid .el-row::before {
  display: none;
}

.page_user .container-fluid .el-col:last-child {
  grid-column: span 2;
}

.page_user .container-fluid .chart {
  padding: 20px 0;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ed5141;
}

.page_user .container-fluid .chart>span {
  font-size: 16px;
}

.page_user .container-fluid .card {
  min-height: 100%;
  margin: 0;
}

.page_user .card_addres {
  padding: 20px 0 0;
}

.page_user .card_addres .el-row:after {
  display: none;
}

.page_user .card_addres .form.p_4 {
  display: flex;
  flex-direction: column;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #eee;
}

.page_user .card_addres .form.p_4 .row1:first-child {
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.page_user .card_addres .form.p_4 .row1:first-child:before {
  display: none;
}

.page_user .card_addres .form.p_4 .row1:first-child .el_form_search_wrap {
  width: auto !important;
}

.page_user .card_addres .el-form-item {
  display: flex;
  align-items: flex-start;
}

.page_user .card_addres .el-form-item .el-form-item__label {
  padding-left: 8px;
}

.page_user .card_addres .el-form-item .el-form-item__content {
  margin-left: 0 !important;
}

.page_user .card_addres .el-form-item .el-form-item__content .el-button {
  width: 150px !important;
}

.page_user .card_addres .el-form-item .el-form-item__content .el-button:first-child {
  margin-left: 100px;
}

.page_user .card_addres .el-form-item .el-form-item__content .avatar-uploader {
  margin-left: 20px;
}

.page_user .card_addres .el-form-item .el-form-item__content .el-input-number {
  margin-left: 20px;
}

.page_user .card_addres .el-form-item .el-form-item__content .el-input-number input {
  border: 1px solid #DCDFE6;
}

.page_user .card_addres .el-form-item input,
.page_user .card_addres .el-form-item select {
  margin-top: 0;
  font-size: 14px;
  border: 0 none;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #e4eaef;
  border-radius: 0;
  box-shadow: none;
}

.page_user .card_addres .el-form-item input:hover,
.page_user .card_addres .el-form-item select:hover {
  border-bottom: 2px solid #afb3b9;
}

.page_user .card_addres .el-form-item input:focus,
.page_user .card_addres .el-form-item select:focus {
  border-top-color: #fff;
  border-bottom-color: #e01c2a;
}

.page_user .card_addres .el-form-item input::-moz-placeholder,
.page_user .card_addres .el-form-item select::-moz-placeholder {
  font-size: 14px !important;
}

.page_user .card_addres .el-form-item input::placeholder,
.page_user .card_addres .el-form-item select::placeholder {
  font-size: 14px !important;
}

.page_user .card_addres>div:nth-child(1) {
  text-align: center;
}

.page_user .card_addres .table_wrap {
  background-color: #fff !important;
}

.page_user .card_addres .table_wrap .el-table thead th {
  background: #161a1f;
  color: rgba(255, 255, 255, 0.9);
}

.page_user .card_addres .table_wrap .el-table .el-button {
  width: 5.5rem !important;
  background-color: #ed5141 !important;
  border-color: #ed5141 !important;
}

.page_user .card_addres .table_wrap .el-table .el-button:hover {
  background-color: #ed5141 !important;
  border-color: #ed5141 !important;
}

.page_user .card_addres .table_wrap .el-pagination {
  padding: 20px 5px 10px;
  text-align: center;
  font-size: 16px;
}

.page_user .search_btn_wrap_1,
.page_user .search_btn_1 {
  width: 100% !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.page_user .search_btn_wrap_1 .el-button,
.page_user .search_btn_1 .el-button {
  width: 150px !important;
}

.page_user .el-table__body,
.page_user .el-table__footer,
.page_user .el-table__header {
  border-collapse: collapse;
}

.page_user th {
  border: 1px solid #e4eaef;
}

.page_user .user_right_box {
  margin: 0 0 50px 0;
  width: 100%;
  height: 100%;
  background-color: #fff !important;
  border-radius: 4px;
}

.page_user .user_right_box .filter_block {
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding-bottom: 22px;
}

.page_user .user_right_box .filter_block:before {
  content: "收藏列表";
  font-size: 18px;
  position: absolute;
  left: 0;
  right: 0;
  top: 22px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.page_user .user_right_box .filter_block .bar_filter {
  display: flex;
  align-items: center;
  position: relative;
  top: 6px;
}

.page_user .user_right_box .filter_block .bar_filter .dropdown .btn {
  font-size: 14px;
  width: 98px;
  text-align: center;
  height: 32px;
  line-height: 20px;
  border-color: #041126;
  color: #041126;
}

.page_user .user_right_box .filter_block .bar_filter .dropdown .btn:hover {
  background: #041126;
  color: #fff;
}

.page_user .user_right_box .filter_block .bar_filter .dropdown .dropdown-menu {
  border-color: #041126;
}

.page_user .user_right_box .filter_block .bar_filter .dropdown .dropdown-menu li {
  border-bottom: 1px solid #ccc;
}

.page_user .user_right_box .filter_block .bar_filter .dropdown .dropdown-menu li:hover {
  background: #041126 !important;
}

.page_user .user_right_box .filter_block .bar_filter .dropdown .dropdown-menu li .dropdown-item {
  font-size: 14px;
  color: #666;
}

.page_user .user_right_box .list_collect {
  display: grid;
  grid-template-columns: repeat(3,1fr);
}

.page_user .user_right_box .list_collect .item_collect {
  padding: 15px 15px 15px;
  margin: 0;
  border-bottom: 1px solid #e4eaef;
}

.page_user .user_right_box .list_collect .item_collect:nth-last-child(1) {
  border: none;
}

.page_user .user_right_box .list_collect .item_collect:nth-child(2n-1) {
  border-right: 1px solid #e4eaef;
}

.page_user .user_right_box .list_collect .item_collect:hover {
  background-color: #fafafa;
}

.page_user .user_right_box .list_collect .item_collect:hover::after {
  right: 30px;
  visibility: visible;
  opacity: 1;
}

.page_user .user_right_box .list_collect .item_collect:hover .btn_delete {
  right: 40px;
  visibility: visible;
  opacity: 1;
}

.page_user .user_right_box .list_collect .item_collect:hover .collect_box .left_block:after {
  opacity: 0.65 !important;
  visibility: visible !important;
}

.page_user .user_right_box .list_collect .item_collect:hover .collect_box .right_block .top_comment .time {
  opacity: 1 !important;
  visibility: visible !important;
}

.page_user .user_right_box .list_collect .item_collect .collect_box {
  display: block !important;
}

.page_user .user_right_box .list_collect .item_collect .collect_box .left_block {
  position: relative;
  width: 100%;
  height: 200px;
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #e4eaef;
}

.page_user .user_right_box .list_collect .item_collect .collect_box .left_block img {
  width: 100% !important;
  height: 100% !important;
}

.page_user .user_right_box .list_collect .item_collect .collect_box .left_block:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  background-color: #18443B;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: all 0.4s ease 0s;
}

.page_user .user_right_box .list_collect .item_collect .collect_box .right_block .top_comment {
  display: flex;
  flex-direction: column;
  padding: 20px 0 0;
}

.page_user .user_right_box .list_collect .item_collect .collect_box .right_block .top_comment .title {
  font-size: 16px;
  font-weight: bold;
  color: #1a2535;
}

.page_user .user_right_box .list_collect .item_collect .collect_box .right_block .top_comment .time {
  position: absolute;
  top: 100px;
  left: 60px;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  margin-top: 8px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease 0s;
}

.page_user .user_right_box .list_collect .item_collect::after {
  content: "";
  position: absolute;
  bottom: 26px;
  right: 0;
  width: 40px;
  height: 40px;
  background: #ed5141;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}

.page_user .user_right_box .list_collect .item_collect .btn_delete {
  position: absolute;
  bottom: 35px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
  color: #fff;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}

.page_user .user_right_box .list_collect .item_collect .btn_delete:hover {
  background: transparent;
}

.page_user .card_address {
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
}

.page_user .card_address>div {
  position: relative;
  display: block;
  padding: 20px;
  margin-bottom: 0;
}

.page_user .card_address .list_address {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0;
  border: none;
  border-radius: 0 0 4px 4px;
  counter-reset: addressitem;
}

.page_user .card_address .list_address .address_card {
  height: auto;
  position: relative;
  padding: 40px 100px 15px 15px;
  border-bottom: 1px solid #e4eaef;
}

.page_user .card_address .list_address .address_card:before {
  counter-increment: addressitem;
  content: "Address " counter(addressitem);
  position: absolute;
  top: 10px;
  left: 15px;
  font-weight: bold;
}

.page_user .card_address .list_address .address_card .address_info {
  display: flex;
  justify-content: flex-end;
}

.page_user .card_address .list_address .address_card .address_info .btn_show {
  position: absolute;
  top: 50%;
  right: 20px;
  width: auto;
  min-width: auto;
  margin-top: -10px;
  text-align: right;
}

.page_user .card_address .list_address .address_card .address_info .btn_show button {
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 1px solid #1a2535;
  background-color: #fff;
  background-image: url(../img/icon_more.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px;
  color: #fff;
  font-size: 0;
}

.page_user .card_address .list_address .address_card .address_info .btn_show button:hover {
  background-color: #fafafa;
}

.page_user .card_address .list_address .address_card .address_info .address_content {
  display: block;
  justify-content: flex-start;
}

.page_user .card_address .list_address .address_card .address_info .address_content .name {
  font-size: 14px;
  font-weight: normal;
  color: #5e6671;
  margin-right: 5px;
}

.page_user .card_address .list_address .address_card .address_info .address_content .phone {
  position: relative;
  font-size: 14px;
  color: #5e6671;
}

.page_user .card_address .list_address .address_card .address_info .address_content .tag {
  position: absolute;
  top: 50%;
  right: 50px;
  margin-top: -10px;
}

.page_user .card_address .list_address .address_card .address_info .address_content .tag .tag_default {
  position: relative;
  width: auto;
  padding: 0 4px;
  margin: 0;
  font-weight: bold;
  text-align: center;
  color: #1a2535;
  border: 0 none;
  border-radius: 2px;
}

.page_user .card_address .list_address .address_card .address_info .address_content .tag .tag_default:hover {
  filter: none;
}

.page_user .card_address .list_address .address_card .address_info .address_bottom {
  height: auto;
  font-size: 14px;
  margin-right: 4px;
  color: #5e6671;
}

.page_user .card_address .list_address .address_card .bar_btn {
  position: absolute;
  z-index: 9999;
  flex-direction: column;
  right: 16px;
  top: 40px;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  margin: 0;
}

.page_user .card_address .list_address .address_card .bar_btn button {
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  color: #1a2535;
  height: 40px;
  line-height: 40px;
}

.page_user .card_address .list_address .address_card .bar_btn button:hover {
  background-color: #fafafa;
}

.page_user .card_address .list_address .btn_address {
  position: absolute;
  top: -53px;
  right: 20px;
  border-radius: 4px;
  padding: 0 10px;
  font-size: 0;
}

.page_user .card_address .list_address .btn_address span {
  font-size: 14px;
  font-weight: bold;
  color: #1a2535;
}

.page_user .card_address .list_address .btn_address:before {
  display: none;
}

.page_user .user_bg.col-md-9 {
  margin: 20px auto 0;
  max-width: 100%;
  background: none;
}

.page_user .user_bg.col-md-9 .card_default {
  padding: 0 !important;
}

.page_user .user_bg.col-md-9 .card_default .user_block {
  position: relative;
  display: block;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  flex-direction: row !important;
  margin: 0;
  margin-left: 170px;
  padding-top: 70px;
  background: #eee;
}

.page_user .user_bg.col-md-9 .card_default .user_block:before {
  content: "Personal Information";
  position: absolute;
  top: 25px;
  left: 45px;
  font-size: 22px;
  font-weight: bold;
}

.page_user .user_bg.col-md-9 .card_default .user_block .img_block {
  position: absolute;
  left: -140px;
  top: 0;
  background: #fff;
  border-radius: 50%;
}

.page_user .user_bg.col-md-9 .card_default .user_block .img_block img {
  display: block;
  width: 120px !important;
  height: 120px !important;
  margin: 0 auto;
  border-radius: 50%;
}

.page_user .user_bg.col-md-9 .card_default .user_block .nickname {
  padding: 0 30px;
}

.page_user .user_bg.col-md-9 .card_default .user_block .nickname:before {
  content: "Name:";
  display: inline-block;
  vertical-align: top;
  width: 100px;
  margin-right: 5px;
  font-size: 16px;
  color: #1a2535;
}

.page_user .user_bg.col-md-9 .card_default .user_block .nickname h4 {
  display: inline-block;
  font-size: 16px;
  color: #5e6671;
}

.page_user .user_bg.col-md-9 .card_default .user_block .user_group {
  padding: 0 30px;
  margin-top: 10px;
  font-size: 16px;
  color: #5e6671;
}

.page_user .user_bg.col-md-9 .card_default .user_block .user_group:before {
  content: "Role:";
  display: inline-block;
  vertical-align: top;
  width: 100px;
  margin-right: 5px;
  font-size: 16px;
  color: #1a2535;
}

.page_user .user_bg.col-md-9 .card_default .user_block .log_out {
  grid-column: span 3;
  display: flex;
  justify-content: center;
  padding: 20px;
  height: auto;
  border-top: 1px solid #e4eaef;
}

.page_user .user_bg.col-md-9 .card_default .user_block .log_out .btn {
  width: 200px;
  height: 48px;
  font-size: 16px;
}

.page_user .user_bg.col-md-9 .card_default .user_block .log_out .btn:nth-child(1) {
  font-weight: bold;
  color: #fff;
  border: 0 none !important;
}

.page_user .user_bg.col-md-9 .card_default .user_block .log_out .btn.btn-info {
  font-weight: bold;
  color: #fff;
  border: 0 none;
}

.page_user .user_bg.col-md-9 .card_default .user_block .log_out .btn+.btn {
  margin-left: 15px;
}

.page_user .card_info {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  background-color: #fff;
  border-radius: 4px;
}

.page_user .card_info .div_info .content_msg {
  position: relative;
  width: auto !important;
  padding: 70px 15px 15px;
}

.page_user .card_info .div_info .content_msg::before {
  content: "Welcome To Your Profile";
  position: absolute;
  top: 15px;
  left: 20px;
  font-size: 18px;
  font-weight: bold;
}

.page_user .card_info .div_info .content_msg .left_msg {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.page_user .card_info .div_info .content_msg .figure_avatar {
  overflow: hidden;
  height: 110px;
  margin-bottom: 20px;
}

.page_user .card_info .div_info .content_msg .figure_avatar span {
  float: left;
  height: 28px;
  line-height: 100px;
  color: #1a2535;
}

.page_user .card_info .div_info .content_msg .figure_avatar .user_avator {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
  float: left;
}

.page_user .card_info .div_info .content_msg .nickname>div {
  font-size: 16px !important;
}

.page_user .card_info .div_info .content_msg .nickname>div:first-child {
  color: #8a929b;
}

.page_user .card_info .div_info .content_msg .nickname>div span {
  font-size: 16px !important;
  color: #1a2535 !important;
}

.page_user .card_info .div_info .content_msg .nickname .input_nickname input {
  margin-right: 10px;
}

.page_user .card_info .div_info .content_msg .nickname .input_nickname .btn_save {
  border-color: #041126;
  color: #041126;
  line-height: 0px;
}

.page_user .card_info .div_info .content_msg .nickname .input_nickname .btn_save:hover {
  background: #041126;
  color: #fff;
  cursor: pointer;
}

.page_user .card_info .div_info .right_msg {
  padding: 0 15px 30px;
}

.page_user .card_info .div_info .right_msg .change_avatar_box {
  margin-right: 20px;
  margin-left: 0px !important;
}

.page_user .card_info .div_info .right_msg .change_nickname_box {
  margin: 0;
}

.page_user .card_info .div_info .right_msg .change_avatar_box .right_wrap,
.page_user .card_info .div_info .right_msg .change_nickname_box .right_wrap {
  display: none;
}

.page_user .card_info .div_info .right_msg .change_avatar_box .change_avatar,
.page_user .card_info .div_info .right_msg .change_nickname_box .change_nickname {
  border: 1px solid #041126;
  color: #041126;
  font-size: 16px;
  width: 100px;
  height: 34px;
  line-height: 34px;
  border-radius: 5px;
  text-align: center;
  background-color: #fff !important;
  margin-bottom: 10px;
  margin-left: 10px !important;
}

.page_user .card_info .div_info .right_msg .btn {
  display: block;
  width: 200px;
  height: 48px;
  margin: 0 auto;
  font-weight: bold;
  color: #fff;
  border: 0 none !important;
  margin-bottom: 10px;
}

.page_user .card_password {
  width: 100% !important;
  height: 100%;
  margin: 0 auto !important;
  padding: 0 0 40px 0 !important;
  background-color: #eee;
  box-shadow: none;
}

.page_user .card_password form {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 30px 60px;
}

.page_user .card_password form:before {
  display: none;
}

.page_user .card_password form .form-group {
  display: flex;
  align-items: baseline;
}

.page_user .card_password form .form-group .d-block {
  display: inline-block;
  width: 200px;
  padding-right: 15px;
  margin-bottom: 0;
  text-align: right;
  font-size: 14px;
  line-height: 35px;
  max-width: 200px;
  min-width: 118px;
}

.page_user .card_password form .form-group>div {
  width: 100%;
}

.page_user .card_password form .form-group input,
.page_user .card_password form .form-group select {
  margin-top: 0;
  font-size: 14px;
  border: 0 none;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #e4eaef;
  border-radius: 0;
  box-shadow: none;
}

.page_user .card_password form .form-group input:hover,
.page_user .card_password form .form-group select:hover {
  border-bottom: 2px solid #afb3b9;
}

.page_user .card_password form .form-group input:focus,
.page_user .card_password form .form-group select:focus {
  border-top-color: #fff !important;
  border-bottom-color: #e01c2a !important;
}

.page_user .card_password form .form-group input::-moz-placeholder,
.page_user .card_password form .form-group select::-moz-placeholder {
  font-size: 14px !important;
}

.page_user .card_password form .form-group input::placeholder,
.page_user .card_password form .form-group select::placeholder {
  font-size: 14px !important;
}

.page_user .card_password .password_confim .btn_item {
  width: 200px !important;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  margin: 0 auto;
}

.page_user .edit_wrap {
  padding: 10px;
}

/* 修改收货地址 */
#app .address_edit .form_address {
  padding: 40px;
  min-height: auto;
  background-color: #eee;
  box-shadow: none;
}

#app .address_edit .form_address>div {
  border-bottom: 0 none !important;
}

#app .address_edit .form_address .header {
  font-size: 0 !important;
  color: #1a2535;
  font-weight: 600 !important;
  border-bottom: 0 none;
}

#app .address_edit .form_address .header:before {
  content: "Edit Address";
  font-size: 18px !important;
}

#app .address_edit .form_address .justify-content-between {
  display: block;
}

#app .address_edit .form_address .justify-content-between .col-3 {
  width: auto !important;
  max-width: none !important;
}

#app .address_edit .form_address .card_menu_box .name,
#app .address_edit .form_address .card_menu_box .phone,
#app .address_edit .form_address .card_menu_box .address {
  display: flex;
  margin-bottom: 10px;
}

#app .address_edit .form_address .card_menu_box .name span,
#app .address_edit .form_address .card_menu_box .phone span,
#app .address_edit .form_address .card_menu_box .address span {
  flex-shrink: 0;
  width: 80px;
  padding-right: 10px;
  text-align: right;
  font-size: 14px;
  line-height: 38px;
}

#app .address_edit .form_address .card_menu_box .name input,
#app .address_edit .form_address .card_menu_box .name textarea,
#app .address_edit .form_address .card_menu_box .phone input,
#app .address_edit .form_address .card_menu_box .phone textarea,
#app .address_edit .form_address .card_menu_box .address input,
#app .address_edit .form_address .card_menu_box .address textarea {
  margin-left: 0;
  border: 0 none;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #e4eaef;
  border-radius: 0;
  box-shadow: none;
}

#app .address_edit .form_address .card_menu_box .name input:hover,
#app .address_edit .form_address .card_menu_box .name textarea:hover,
#app .address_edit .form_address .card_menu_box .phone input:hover,
#app .address_edit .form_address .card_menu_box .phone textarea:hover,
#app .address_edit .form_address .card_menu_box .address input:hover,
#app .address_edit .form_address .card_menu_box .address textarea:hover {
  border-bottom: 2px solid #afb3b9;
}

#app .address_edit .form_address .card_menu_box .name input:focus,
#app .address_edit .form_address .card_menu_box .name textarea:focus,
#app .address_edit .form_address .card_menu_box .phone input:focus,
#app .address_edit .form_address .card_menu_box .phone textarea:focus,
#app .address_edit .form_address .card_menu_box .address input:focus,
#app .address_edit .form_address .card_menu_box .address textarea:focus {
  border-top-color: #fff !important;
  border-bottom-color: #e01c2a !important;
}

#app .address_edit .form_address .card_menu_box .address {
  align-items: flex-start;
}

#app .address_edit .form_address .btn_save {
  display: block;
  width: 200px !important;
  margin: 20px auto;
  height: 48px;
  font-size: 16px;
  line-height: 18px;
}

/* ********************************我的购物车开始************************************ */
.page_cart {
  padding-bottom: 20px;
  background-color: #fff !important;
}

.page_cart .warp .container {
  margin: 0 auto 50px;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  border: 0 none;
  border-radius: 5px;
  min-height: auto;
  max-width: 100%;
  box-shadow: none;
}

.page_cart .warp .container .row {
  margin: 0;
}

.page_cart .warp .container .col {
  position: relative;
}

.page_cart .warp .container .col .delet {
  position: absolute;
  top: 77px;
  right: 20px;
  width: 80px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border-radius: 4px;
}

.page_cart .warp .container .col .delet:hover {
  /* color: #1a2535; */
}

.page_cart .warp .container .card {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  height: auto;
  max-height: auto !important;
}

.page_cart .warp .container .card h4:after {
  content: " / My Cart";
}

.page_cart .warp .container .card .cart_block {
  display: flex;
  flex-direction: column-reverse;
  min-height: auto;
}

.page_cart .warp .container .card .cart_block .list_cart {
  margin: 0;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart {
  position: relative;
  padding: 0 0 0 10px;
  margin: 10px 0;
  border: 1px solid #e4eaef;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart:nth-child(2n) {
  background-color: #fafafa;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .choose_btn {
  margin-right: 2px;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .choose_btn .btn_circle {
  width: 16px;
  height: 16px;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .choose_btn.active .btn_circle {
  background: #ed5141;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body {
  width: 100%;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .img_block {
  box-sizing: content-box;
  width: 100px;
  height: 100px;
  padding: 20px 0 20px 0;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .img_block img {
  border-radius: 5px;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info {
  position: static;
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  flex-direction: row;
  padding-right: 90px;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .title {
  flex: 1;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
  border-right: 1px solid #e4eaef;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex-direction: row;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .price {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-family: "DIN-Bold";
  border-right: 1px solid #e4eaef;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .price span {
  font-size: 16px !important;
  margin-right: 4px;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .price span:first-child {
  padding: 0 10px;
  color: #fff !important;
  background: #ed5141;
  border-radius: 15px;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .price .price_ago {
  font-size: 16px !important;
  font-weight: normal;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .handle_num {
  justify-content: center;
  border-radius: 4px;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .handle_num>div {
  margin-left: 0 !important;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .handle_num .num {
  border-top: 1px solid #e4eaef;
  border-bottom: 1px solid #e4eaef;
  color: #1a2535;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .handle_num .add,
.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .handle_num .subtract {
  color: #1a2535;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .handle_num .add:hover,
.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .handle_num .subtract:hover {
  background: #ed5141;
  color: #fff;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .handle_num .add {
  border-radius: 0 4px 4px 0;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .handle_num .subtract {
  margin-left: 0;
  border-radius: 4px 0 0 4px;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .btn_del {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart:hover .cart_body .right_info .btn_del {
  right: 20px;
  visibility: visible;
  opacity: 1;
}

.page_cart .warp .container .card .cart_block .bar_settle {
  display: flex;
  justify-content: flex-start;
  padding: 15px;
  height: auto;
  background: #f1f4fd;
  border-bottom: 1px solid #e4eaef;
}

.page_cart .warp .container .card .cart_block .bar_settle .btn_settle {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 80px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #1a2535;
  border-radius: 4px;
}

.page_cart .warp .container .card .cart_block .bar_settle .btn_settle:hover {
  color: #1a2535;
}

.page_cart .warp .container .card .cart_block .bar_settle .btn_settle .sum_block {
  margin-right: 36px;
}

.page_cart .warp .container .card .cart_block .bar_settle .choose_btn {
  margin-right: 20px;
  font-size: 16px !important;
}

.page_cart .warp .container .card .cart_block .bar_settle .choose_btn .btn_circle {
  width: 16px;
  height: 16px;
}

.page_cart .warp .container .card .cart_block .bar_settle .choose_btn.active {
  color: #0d6efd;
}

.page_cart .warp .container .card .cart_block .bar_settle .choose_btn.active .btn_circle {
  background: #ed5141;
}

.page_cart .warp .container .card .cart_block .bar_settle .right_settle {
  flex: 1;
  justify-content: center;
  margin-right: 100px;
}

.page_cart .warp .container .card .cart_block .bar_settle .right_settle .sum_block span:first-child {
  font-size: 0;
}

.page_cart .warp .container .card .cart_block .bar_settle .right_settle .sum_block span:first-child:before {
  content: "Total：";
  font-size: 16px;
}

.page_cart .warp .container .card .cart_block .bar_settle .right_settle .sum_block .sum {
  font-family: "DIN-Bold";
  font-size: 20px;
  font-weight: bold;
}

/* ********************************我的订单开始************************************ */
#app .page_order {
  overflow: hidden;
  background: #fff;
}

#app .page_order .container {
  margin: 0 auto 80px;
  min-width: 500px;
}

#app .page_order .container .row {
  margin: 0;
}

#app .page_order .container .row .col-10 {
  flex: 1;
  max-width: 100%;
}

#app .page_order .card_goods_list {
  position: relative;
  border-radius: 4px;
  box-shadow: none;
}

#app .page_order .card_goods_list>h4:after {
  content: " / My Order";
}

#app .page_order .card_goods_list .filter_block {
  padding: 15px;
}

#app .page_order .card_goods_list .filter_block .bar_sort {
  margin-left: 10px;
}

#app .page_order .card_goods_list .list_order .item_order {
  position: relative;
  display: flex;
  padding: 0;
  margin: 10px 0;
  padding-right: 90px;
  border: 1px solid #e4eaef;
  border-radius: 4px;
  overflow: hidden;
  flex-wrap: wrap;
}

#app .page_order .card_goods_list .list_order .item_order .state {
  position: absolute;
  top: 8px;
  right: 8px;
  min-width: 60px;
  min-height: 16px;
  padding: 50px 30px 5px 30px;
  background: #ed5141;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  transform: translate(50%, -50%) rotate(45deg);
  line-height: 16px;
}

#app .page_order .card_goods_list .list_order .item_order .sum_price {
  flex-shrink: 0;
  justify-content: center;
  width: 200px;
  height: auto;
}

#app .page_order .card_goods_list .list_order .item_order .sum_price span {
  color: #E13A0C;
  font-weight: bold;
}

#app .page_order .card_goods_list .list_order .item_order .sum_price .btn {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}

#app .page_order .card_goods_list .list_order .item_order:hover {
  background: #fafafa;
}

#app .page_order .card_goods_list .list_order .item_order:hover .sum_price .btn {
  right: 20px;
  visibility: visible;
  opacity: 1;
}

#app .page_order .card_goods_list .list_order .goods_list {
  flex: 1;
  min-width: 0;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods {
  border: none;
  position: relative;
  display: flex;
  justify-content: flex-start;
  min-height: 120px;
  padding: 0 !important;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .img_block {
  flex-shrink: 0;
  box-sizing: content-box;
  width: 120px;
  height: 120px;
  padding: 15px 0 15px 15px !important;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .img_block img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 5px;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .middle_info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: auto !important;
  padding: 15px;
  overflow: hidden;
  border-right: 1px solid #e4eaef;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .middle_info .title {
  display: block;
  font-size: 18px !important;
  font-weight: bold;
  color: #1a2535;
  width: 100%;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .middle_info .description {
  display: block;
  font-size: 14px !important;
  color: #8a929b;
  margin-top: 3px;
  width: 100%;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .right_info {
  flex-shrink: 0;
  width: 200px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #e4eaef;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .right_info .price {
  padding: 0 10px;
  font-family: "DIN-Bold";
  font-size: 16px;
  color: #fff;
  margin-right: 3px;
  background-color: #ed5141;
  border-radius: 15px;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .right_info .num {
  position: relative;
  top: 1px;
  margin-left: 2px;
  font-size: 15px;
  font-weight: normal;
  color: #8a929b;
}

#app .page_order .card_order {
  position: relative;
  background-color: #fff;
  border: 0 none;
  border-radius: 4px;
}

#app .page_order .card_order .contact_info {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 15px 15px 15px 60px;
  background: #fafafa;
  border-bottom: 1px solid #e4eaef;
}

#app .page_order .card_order .contact_info:before {
  content: "地址：";
  position: absolute;
  top: 50%;
  left: 15px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  font-weight: bold;
  background-position: center;
  background-size: contain;
}

#app .page_order .card_order .contact_info .line_1 {
  order: 1;
  margin: 0 10px 0 0;
}

#app .page_order .card_order .contact_info .line_1 svg {
  display: none;
}

#app .page_order .card_order .contact_info .line_1 .name {
  font-weight: normal;
  padding-right: 0;
}

#app .page_order .card_order .contact_info .line_2 {
  font-size: 16px;
  font-weight: 600;
  margin-right: 10px;
}

#app .page_order .card_order .contact_info .line_2:before {
  font-size: 16px;
}

#app .page_order .card_order .goods_list {
  padding: 0;
  box-sizing: border-box;
  margin-top: 20px;
  padding-right: 50%;
  border-bottom: 1px solid #e4eaef;
}

#app .page_order .card_order .goods_list .item_goods {
  padding-bottom: 22px;
  padding-left: 16px;
  border: 0 none;
}

#app .page_order .card_order .goods_list .item_goods .img_block {
  width: 100px;
  height: 100px;
  margin-right: 5px;
}

#app .page_order .card_order .goods_list .item_goods .img_block img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 5px;
}

#app .page_order .card_order .goods_list .item_goods .middle_info {
  display: flex;
  padding-top: 5px;
}

#app .page_order .card_order .goods_list .item_goods .middle_info .title {
  flex: 1;
  min-width: 0;
  display: block;
  font-size: 17px;
  color: #333;
  width: 100%;
}

#app .page_order .card_order .goods_list .item_goods .middle_info .priceAndNum {
  flex-shrink: 0;
  margin-right: 20px;
}

#app .page_order .card_order .goods_list .item_goods .middle_info .priceAndNum .price {
  font-family: "DIN-Bold";
  font-size: 18px;
  color: #E13A0C;
}

#app .page_order .card_order .goods_list .item_goods .middle_info .priceAndNum .num {
  font-size: 18px;
  font-weight: normal;
  color: #8a929b;
}

#app .page_order .card_order .order_cli {
  position: relative;
}

#app .page_order .card_order .sum_coupon {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 30px;
  background: #fafafa;
}

#app .page_order .card_order .sum_coupon>div {
  font-size: 14px;
}

#app .page_order .card_order .sum_coupon>div:first-child {
  margin-right: 10px;
  color: #8a929b;
}

#app .page_order .card_order .sum_coupon .el-select {
  margin-top: 0 !important;
}

#app .page_order .card_order .sum_price {
  position: absolute;
  top: 49px;
  right: 20px;
  justify-content: flex-start;
  padding: 0;
  height: auto;
  font-size: 14px;
  border: none;
  background: none !important;
}

#app .page_order .card_order .sum_price>span:nth-child(1) {
  margin-right: 10px;
  color: #888;
}

#app .page_order .card_order .sum_price>span:nth-child(2) {
  font-size: 18px;
}

#app .page_order .card_order .btn_block {
  position: absolute;
  top: 70px;
  right: 20px;
  padding: 10px 0;
  margin-left: 10px;
  border: none;
}

#app .page_order .card_order .btn_block .btn_trade {
  width: 120px;
  background: #E13A0C !important;
  border-color: #E13A0C !important;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0;
  border-radius: 4px !important;
  border: none;
}

#app .page_order .card_order .btn_block .btn_trade:hover {
  opacity: 1;
  color: #fff;
  background: #d7380b !important;
  border-color: #d7380b !important;
}

#app .page_order .card_order .bottom_order {
  display: flex;
  flex-direction: column-reverse;
  padding: 10px 0;
  background-color: #fafafa;
}

#app .page_order .card_order .bottom_order .flex_sbc {
  align-items: flex-start;
}

#app .page_order .card_order .bottom_order .order_num {
  justify-content: flex-start;
}

#app .page_order .card_order .bottom_order .time {
  justify-content: flex-start;
  border: 0 none;
}

#app .page_order .card_order .bottom_order .remark {
  justify-content: flex-start;
  border: 0 none;
}

#app .page_order .btn-secondary {
  background-color: transparent !important;
  border: none !important;
}

#app .page_pay .nav-tabs {
  justify-content: space-between;
}

#app .page_pay .nav-tabs .nav-item:nth-child(1) .nav-link.active {
  background: rgb(239 91 69/10%);
  color: #f2674b !important;
}

#app .page_pay .nav-tabs .nav-item:nth-child(2) .nav-link.active {
  background: rgba(248, 140, 32, 0.1);
  color: #f88c20 !important;
}

#app .page_pay .nav-tabs .nav-item:nth-child(3) .nav-link.active {
  background: rgba(13, 110, 253, 0.1);
  color: #0d6efd !important;
}

#app .page_pay .card {
  border-radius: 4px;
  border: 0 none;
}

#app .page_pay .card .card-header {
  background: #f1f4fd;
}

#app .page_pay .card .card-header .text-center {
  margin: 0;
  color: #1a2535;
}

#app .page_pay .card .card-body .tabs .tab-content .tab-pane:nth-child(1) .row .col,
#app .page_pay .card .card-body .tabs .tab-content .tab-pane:nth-child(2) .row .col {
  text-align: center;
}

#app .page_pay .card .card-body .tabs .tab-content .tab-pane input {
  width: 366px;
  height: 36px;
  padding-left: 8px;
  border: 0 none;
  border-radius: 0;
  border-bottom: 2px solid #ed5141;
}

#app .page_pay .card .card-body .card-footer {
  background: none;
  padding: 20px 0 10px;
  margin-top: 40px !important;
}

#app .page_pay .card .card-body .card-footer .btn {
  width: 200px;
  margin: 0 auto;
  font-weight: bold;
  background-color: #ed5141 !important;
  border-color: #ed5141 !important;
}

#app .page_pay .card .card-body .card-footer .btn:hover {
  background-color: #059e41 !important;
  border-color: #059e41 !important;
}

#app .page_pay .coupon_box {
  display: flex;
  align-items: center;
  padding: 0;
  height: auto;
  background: #ed5141 !important;
  border-radius: 4px;
}

#app .page_pay .coupon_box>div {
  margin: 0 !important;
}

#app .page_pay .coupon_box>div:first-child {
  flex: 1;
  min-width: 0;
  padding: 15px;
  color: #1a2535;
  background-color: #fff;
  border-radius: 4px 0 0 4px;
}

#app .page_pay .coupon_box>div:first-child>div:not(:first-child) {
  font-size: 14px;
  color: #8a929b;
}

#app .page_pay .coupon_box>div:nth-child(2) {
  padding: 15px;
}

#app .page_pay .coupon_box button {
  margin-left: 10px;
  min-width: 80px;
  background: #1e4063 !important;
}

#app .page_account {
  position: relative;
  min-height: 640px;
  padding: 20px 0 80px;
  background-image: url("../img/body_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 66vh;
}

#app .page_account .row_login,
#app .page_account .row_registers,
#app .page_account .row_forgot {
  position: relative;
  box-sizing: content-box;
  width: 500px;
  padding-left: 400px;
  min-width: 500px;
  min-height: 230px;
  margin: 0 auto;
  background: linear-gradient(to right, #fe9760 0%, #e01c2a 400px, #fff 400px, #fff 100%);
  border: 0 none;
  border-radius: 10px;
}

#app .page_account .row_login:before,
#app .page_account .row_registers:before,
#app .page_account .row_forgot:before {
  content: "";
  position: absolute;
  top: 50px;
  left: 40px;
  right: 0;
  max-width: 350px;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  z-index: 1;
}

#app .page_account .row_login:after,
#app .page_account .row_registers:after,
#app .page_account .row_forgot:after {
  content: "";
  background-image: url("../img/cloud.png");
  background-repeat: no-repeat;
  width: 400px;
  height: 290px;
  background-size: contain;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

#app .page_account .row_login:before {
  content: "Welcome Back!";
}

#app .page_account .row_registers:before {
  content: "Create your free account";
}

#app .page_account .row_forgot:before {
  content: "Reset Password";
}

#app .page_account .form_box {
  flex-direction: column;
}

#app .page_account .form_box .forms {
  width: auto !important;
  padding: 30px 30px 30px 10px !important;
  background: none !important;
}

#app .page_account .form_box .forms .form-group {
  display: flex;
  align-items: flex-start;
}

#app .page_account .form_box .forms .form-group label {
  flex-shrink: 0;
  width: 80px;
  min-width: 80px;
  text-align: right;
  margin-bottom: 0;
  padding: 8px 8px 7px 0;
  font-size: 14px;
  line-height: 36px;
  color: #5e6671;
}

#app .page_account .form_box .forms .form-group>div {
  flex: 1;
  min-width: 0;
}

#app .page_account .form_box .forms .form-group.diy_fg div:nth-child(1) {
  flex: none;
  flex-shrink: 0;
  width: 80px;
  min-width: 80px;
  text-align: right;
  margin-bottom: 0;
  padding: 9px 8px 9px 0;
  font-size: 14px;
  line-height: 28px;
  color: #5e6671;
}

#app .page_account .form_box .forms .form-group .input-group-append button {
  padding: 0 10px;
  margin-left: 10px;
  font-size: 14px;
  line-height: 20px;
  background: #0d6efd !important;
  border: 1px solid #0d6efd !important;
  border-radius: 4px;
}

#app .page_account .form_box .forms .geetest_box {
  display: flex;
  flex-direction: row;
  width: auto !important;
  margin-bottom: 0 !important;
}

#app .page_account .form_box .forms .geetest_box .geetest_box_title {
  display: block !important;
  width: 80px;
  min-width: 80px;
  text-align: right;
  margin-bottom: 0;
  padding: 8px 8px 7px 0;
  font-size: 14px !important;
  line-height: 36px;
  color: #5e6671;
}

#app .page_account .form_box .forms .geetest_box .geetest_box_content {
  flex: 1;
  min-width: 0;
  margin-left: 0 !important;
}

#app .page_account .form_box .forms .geetest_box .geetest_box_content .el-input {
  margin-left: 0 !important;
  margin-right: 15px !important;
}

#app .page_account .form_box .forms .geetest_box .geetest_box_content canvas {
  height: auto;
}

#app .page_account .form_box .forms .geetest_box .geetest_box_content .slide-picture {
  background: #eee;
}

#app .page_account .form_box .forms input,
#app .page_account .form_box .forms textarea {
  padding: 7px 13px;
}

#app .page_account .form_box .forms input,
#app .page_account .form_box .forms select {
  height: 52px;
  margin-top: 0;
  font-size: 14px;
  background: #fff;
  border: 0 none;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #e4eaef;
  border-radius: 0;
  box-shadow: none;
}

#app .page_account .form_box .forms input:hover,
#app .page_account .form_box .forms select:hover {
  border-bottom: 2px solid #afb3b9;
}

#app .page_account .form_box .forms input:focus,
#app .page_account .form_box .forms select:focus {
  border-bottom-color: #e01c2a !important;
}

#app .page_account .form_box .forms input::-moz-placeholder,
#app .page_account .form_box .forms select::-moz-placeholder {
  font-size: 14px !important;
}

#app .page_account .form_box .forms input::placeholder,
#app .page_account .form_box .forms select::placeholder {
  font-size: 14px !important;
}

#app .page_account .form_box .btns_bottom {
  width: auto !important;
  padding: 0 10px 40px;
  background: none !important;
  text-align: center;
}

#app .page_account .form_box .btns_bottom button {
  font-size: 16px;
  text-align: center;
  padding: 0 10px;
  border: none;
}

#app .page_account .form_box .btns_bottom .btn_item {
  display: block;
  flex: 1;
  width: 80% !important;
  height: 52px;
  margin: 0 auto;
  line-height: 52px !important;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
}

#app .page_account .form_box .btns_bottom .btn_item span {
  font-size: 16px;
  font-weight: bold;
  color: #fff !important;
}

#app .page_account .form_box .btns_bottom .forgot_nav,
#app .page_account .form_box .btns_bottom .btn_register,
#app .page_account .form_box .btns_bottom .btn_login {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #0d6efd;
  z-index: 999;
}

#app .page_account .form_box .btns_bottom .forgot_nav span,
#app .page_account .form_box .btns_bottom .btn_register span,
#app .page_account .form_box .btns_bottom .btn_login span {
  color: #0d6efd;
}

#app .page_account .form_box .btns_bottom .btn_register,
#app .page_account .form_box .btns_bottom .login_bt,
#app .page_account .form_box .btns_bottom .btn_login,
#app .page_account .form_box .btns_bottom .forgot_nav {
  position: absolute;
  top: auto;
  bottom: 50px;
  left: 40px;
  height: auto;
  padding: 0;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  border: 0 none;
  outline: none;
  z-index: 999;
}

#app .page_account .form_box .btns_bottom .btn_register span,
#app .page_account .form_box .btns_bottom .login_bt span,
#app .page_account .form_box .btns_bottom .btn_login span,
#app .page_account .form_box .btns_bottom .forgot_nav span {
  font-weight: bold;
  color: #fff;
  text-decoration: underline;
}

#app .page_account .form_box .btns_bottom .login_bt span {
  font-size: 14px;
}

#app .page_account .form_box .btns_bottom .btn_login {
  color: #0d6efd;
}

#app .page_account .form_box .btns_bottom .forgot_nav {
  left: 290px;
  margin: 0;
  order: 2;
}

#app .page_account .warp .container .row .more_nav .btn_item {
  background: #041126;
  border-radius: 40px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 16px;
}

.form_register {
  width: 100% !important;
  padding: 0px !important;
}

.face-login {
  position: absolute;
  left: 50%;
  top: 10px;
  background: rgba(255, 255, 255, 0.7);
  padding: 10px 0px;
  text-align: center;
  width: 260px;
  margin-left: -130px;
  border-radius: 0 0 4px 4px;
}

.face-login>button {
  width: 80px;
  margin: 0 !important;
}

.face-login>button:first-child {
  border-radius: 4px 0 0 4px;
}

.face-login>button:nth-child(2) {
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
}

.face-login>button:hover {
  z-index: 1;
  color: #ed5141;
  border-color: rgba(5, 168, 69, 0.2);
  background-color: rgba(5, 168, 69, 0.1);
}

.face-login .el-button {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.face-login .face-img {
  margin-top: 10px;
}

.face-login .face-img .el-upload-dragger {
  display: flex;
  justify-content: center;
  align-items: center;
}

.face-login .face-img .el-upload-dragger .avatar-uploader-icon {
  font-size: 40px;
  color: #ed5141;
}

.face-login .face-img .el-upload-dragger .avatar {
  -o-object-fit: contain;
  object-fit: contain;
}

.face-login .face-img .avatar-uploader {
  margin-bottom: 10px;
}

.face-login .face-img .el-button {
  min-width: 100px;
  margin-bottom: 10px;
  padding: 0 20px !important;
  font-size: 16px;
  color: #fff !important;
  border: 0 none !important;
}

.face-login .face-camera {
  width: 260px;
  margin-top: 10px;
}

.face-login .face-camera canvas,
.face-login .face-camera video {
  width: 240px;
  height: 160px;
  border: 1px solid #e5e5e5;
}

.el-col-8 {
  width: 100% !important;
}

.form_editor {
  padding-top: 1px;
}

/*********************************** 用户登录注册结束 **********************************/
/* 基础样式结束 */
/* 论坛点赞收藏后的字体颜色 */
.icon_change,
.word_change {
  color: #f6416c !important;
}

.card_link {
  position: relative;
  top: 108px !important;
  width: 100%;
  display: flex;
  background-color: #041126;
  flex-direction: row;
  justify-content: center;
}

.list_link {
  position: relative;
}

.link_box {
  margin-right: 10px !important;
}

.goods_al {
  display: none;
}

.card_aside h5 {
  text-align: center;
  margin-top: 10px;
}

.div_goods .gods {
  flex-direction: column-reverse;
  align-content: center;
}

.div_goods .gods .col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
}

.form_login,
.forget_container {
  width: 100% !important;
  display: flex;
  padding: 0px !important;
}

.form_box {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.form_box .forms {
  background-color: #f3f1f1;
  padding: 1rem !important;
  width: 50%;
}

.form_box .btns_bottom {
  background-color: #ffeee7;
  width: 50%;
}

.add,
.search_btn_add {
  border: none !important;
  border-radius: 10px;
}

.cell {
  display: flex;
  flex-direction: column;
}

.cell .el-button {
  margin: 5px !important;
  color: #fff !important;
  border: none !important;
}

.el_form_search_wrap {
  width: 35% !important;
}

.el-upload-dragger {
  width: 180px !important;
}

.edit_wrap .el_form_btn_warp {
  width: 100% !important;
}

.edit_wrap .el_form_btn_warp .el-form-item__content {
  margin-left: 250px !important;
  width: 100% !important;
}

.edit_wrap .el-form-item__content .el_form_btn {
  width: 14% !important;
  margin-right: 10px;
}

.edit_wrap .el-form-item__content button {
  margin: 10px auto;
  margin-right: 10px;
  float: none !important;
}

.edit_wrap .el_form_item_warp {
  width: 50% !important;
}

.page_user .el-button,
#app .diy_details_box .details_btn,
.submit_button,
#app .diy_edit .warp .container>.row .btn_box .btn_submit,
#app .page_user .warp .container .row .card_password .password_confim .btn_item,
.btn_save {
  position: relative;
  width: 150px !important;
  padding: 15px 8px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: bold;
  text-align: center;
  color: #fff !important;
  border: 0 none;
  border-radius: 4px;
}

.bg {
  background-color: transparent !important;
}

#app .search_btn_wrap_1 button,
#app .search_btn_1 button {
  margin: 5px !important;
}

.card_goods_info .bottom_handle .cart[data-v-c80f17e6]:hover {
  color: red !important;
}

.card_goods_info .bottom_handle .collect[data-v-c80f17e6]:hover {
  color: red !important;
}

.options span[data-v-10dbac5f]:hover {
  color: red !important;
}

.page_footer .container {
  max-width: 100% !important;
}

#root_demo {
  background: transparent !important;
}

.table thead th {
  background: linear-gradient(180deg, rgb(220, 240, 255) 0%, rgb(245, 246, 250) 100%) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: linear-gradient(270deg, #fff, #f2f9ff) !important;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: 400;
}

.table-striped tbody tr:nth-of-type(even) {
  background: linear-gradient(270deg, #fff, #f2f9ff) !important;
  color: rgba(0, 0, 0, 0.65);
  font-weight: 400;
  font-size: 14px;
}

/* *********************元素样式************************** */
#root_demo .model3 {
  background: url(../img/bottom-shape.png) no-repeat bottom;
  background-size: 100% 300px;
  background-color: #F9F8F7 !important;
}

#root_demo>.warp:nth-last-child(4) .diy_view_list .diy_list_box_wrap .diy_list_img_box .diy_img,
#root_demo .model3 .diy_view_list .diy_list_box_wrap .diy_list_img_box .diy_img {
  width: 60%;
  height: 200px;
  margin-top: 30px;
}

#root_demo>.warp:nth-last-child(4) .diy_view_list .diy_list_box_wrap .diy_list_img_box .diy_img img,
#root_demo .model3 .diy_view_list .diy_list_box_wrap .diy_list_img_box .diy_img img {
  border-radius: 50%;
}

.btn-outline-success {
  background-color: #041126 !important;
  color: #fff !important;
  border: none !important;
  width: 150px !important;
}

.btn-outline-success span:before {
  content: "发布";
}

.btn-outline-dark:hover,
.btn-secondary:hover {
  color: #fff;
  background-color: #003F5D !important;
  border: 1px solid #003F5D !important;
}

.novel_read {
  padding-top: 85px !important;
  min-height: 70vh;
}

.el-main {
  overflow: hidden !important;
}

#outerdiv {
  width: 1300px !important;
  margin: 40px auto 0 !important;
}

@media (max-width: 1330px) {
  .page_goods .page_goods_list_wrap .page_goods_list_hot {
    left: 70px;
    margin-left: 0;
  }
}

@media (max-width: 830px) {
  .show .nav_warp {
    height: 100vh;
  }
}

#inneriframe {
  width: 100% !important;
}

.chat_box [class*=" el-icon-"],
.chat_box [class^=el-icon-] {
  font-size: inherit;
}

#app .page_account .form_box .forms .form-group {
  position: relative;
}

.form_login #input-group-1::before,
.form_login #input-group-2::before {
  position: absolute;
  top: 13px;
  left: 15px;
}

.form_login #input-group-2::before {
  left: 31px;
}

#app {
  padding-top: 0 !important;
}

.page_header .header_warp {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .4)) !important;
}

.page_header .my_header {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center;
  border-bottom: none !important;
  height: 120px !important;
  /* overflow: hidden; */
  border-top: 60px solid #ffe2bf !important;
  border-image: none !important;
}

.page_header .conton-top {
  display: flex;
  margin: 0 !important;
}

.page_header .conton-top>a {
  /* display: none !important; */
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 60px !important;
}

.page_header .conton-top>a .logo {
  font-style: initial !important;
  font-size: 22px !important;
  letter-spacing: 1px;
  text-align: center;
  line-height: 60px !important;
  padding-left: 0 !important;
  color: #ff9231 !important;
}

.page_header .conton-top>a .logo::before {
  display: none !important;
}

.page_header .conton-top .search-box {
  height: 36px !important;
  margin: 0 !important;
  max-width: 240px !important;
  width: 240px !important;
  border-radius: 5px !important;
  background-color: #fff !important;
  border-color: #ff9231 !important;
  margin: 0 12px !important;
}

.page_header .conton-top .search-box .search-txt {
  border-radius: 0 !important;
  color: #562800 !important;
  padding-left: 10px !important;

  &:focus {
    border: none !important;
  }
}

.page_header .conton-top .search-box .search-btn {
  top: 0;
  right: 0;
  border-radius: 0;
  height: 34px !important;
  background: #ff9231 !important;
}

.page_header .conton-top .user {
  order: -1 !important;
  display: flex;
  margin: 0px !important;
}

.page_header .conton-top .user>.ml {
  height: 30px !important;
  line-height: 30px !important;
  background: initial !important;
  color: #333 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: bold;
  font-family: "Plus Jakarta Sans", sans-serif;
  margin: 0 !important;
  padding: 0 12px !important;


  &:hover {
    background: initial !important;
  }
}

.page_header .conton-top .user .own .user_pr {
  padding: 0 !important;
  height: 36px !important;
  padding: 3px 8px !important;
  box-sizing: border-box;
  background: #ff9231 !important;
  border-radius: 5px !important;

  .own_text {
    color: #333;
  }
}

.page_header .nav_list {
  order: -1;
}

.page_header .nav_list ul {
  padding: 0;
}

.page_header .nav_list ul li {
  margin: 0;
}

.page_header .nav_list ul li a:hover {
  color: #ff9231 !important;
}

.page_header .nav_list ul li span:hover {
  color: #ff9231 !important;
}

.page_header .nav_list ul li .router-link-exact-active:after {
  bottom: -12px !important;
  width: 30px !important;
  height: 15px !important;
  border: none !important;
  background: #ff9231 !important;
  border-radius: 30px 30px 0 0 !important;
}

.page_header .nav_list ul li .router-link-exact-active {
  color: #ff9231 !important;
}

.banner .sw_no .swiper_img .carousel .carousel-inner .carousel-item .swiper-imgs {
  height: 480px !important;
}

.page_root .warp .swiper_box .sw_no .card_notice {
  width: 1300px !important;
  top: auto !important;
  left: 50% !important;
  transform: translateX(-50%);
  bottom: -60px !important;
  margin: 0 auto !important;
}

.page_root .warp .swiper_box .sw_no .card_notice .notice_title {
  margin-left: 0 !important;
  position: initial !important;
  height: 120px !important;
  line-height: 100px !important;
  margin-top: 0 !important;
  border-radius: 5px !important;
  background: linear-gradient(121deg, #ffc634, #ff862e);
}

.page_root .warp .swiper_box .sw_no .card_notice .notice_title::before {
  left: 50px !important;
}

.page_root .warp .swiper_box .sw_no .card_notice .notice_title::after {
  margin-top: -30px !important;
  margin-left: -20px !important;
  letter-spacing: 1px !important;
  font-weight: 600;
}

.page_root .warp .swiper_box .sw_no .card_notice .notice_title a {
  top: 0 !important;
  left: auto !important;
  right: 0 !important;
  width: 140px !important;
  height: 120px !important;
  line-height: 120px !important;
  background-color: #666;
  border-radius: 5px !important;
  color: #fff !important;
  clip-path: polygon(20% 0, 0 100%, 100% 100%, 100% 0);

  &:hover {
    background: linear-gradient(121deg, #ffc634, #ff862e);
    color: #fff !important;
    font-weight: bold !important;
  }
}

.page_root .warp .swiper_box .sw_no .card_notice .carousel .carousel-item .swiper_notice .content {
  overflow: hidden !important;
}

.page_root .warp .swiper_box .sw_no .card_notice .carousel .carousel-item .swiper_notice .content p {
  height: 30px !important;
  line-height: 30px !important;
}

.page_root .warp .swiper_box .sw_no .card_notice .carousel .carousel-item .swiper_notice .content h3 {
  height: 30px !important;
  line-height: 30px !important;
  margin: 0 10px !important;
}

.page_root .product {
  background-color: #fff !important;
}

.page_root .product .article_recommend {}

.page_root .product .article_recommend>.title,
.page_root .article_s .article_recommend>.title,
.page_root .ins.model1 .diy_recommend>.title,
.page_root .ins.model2 .diy_recommend>.title {
  width: 100% !important;
}

.page_root .product .article_recommend>.title span,
.page_root .article_s .article_recommend>.title span,
.page_root .ins.model1 .diy_recommend>.title span,
.page_root .ins.model2 .diy_recommend>.title span {
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
}

.page_root .product .article_recommend .title span::after,
.page_root .article_s .article_recommend .title span::after,
.page_root .ins.model1 .diy_recommend .title span::after,
.page_root .ins.model2 .diy_recommend .title span::after {
  content: 'featured commodity';
  top: auto !important;
  bottom: -5px !important;
  left: 50% !important;
  width: auto !important;
  font-size: 30px !important;
  color: rgba(255, 198, 52, .3);
  z-index: -1;
  background: -webkit-linear-gradient(#ffc634, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page_root .product .article_recommend .more_box,
.page_root .article_s .article_recommend .more_box,
.page_root .ins.model1 .diy_recommend .more_box,
.page_root .ins.model2 .diy_recommend .more_box {
  position: absolute;
  bottom: 30px !important;
  left: 50% !important;
  margin-left: -60px !important;
}

.page_root .product .article_recommend .more_box .more,
.page_root .article_s .article_recommend .more_box .more,
.page_root .ins.model1 .diy_recommend .more_box .more,
.page_root .ins.model2 .diy_recommend .more_box .more {
  border: none !important;
  background: linear-gradient(121deg, #ffc634, #ff862e) !important;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.45);
  width: 120px !important;
  height: 32px !important;
  color: #552800 !important;
  border-radius: 30px !important;

  &::before {
    content: '查看';
    border: none !important;
    position: initial !important;
  }

  &::after {
    content: '' !important;
  }

  &:hover {
    color: #fff !important;

    span {
      color: #fff !important;
    }
  }
}

.page_root .product .carousel {
  margin: 0 !important;
  padding: 0 30px 50px !important;
}

.page_root .product .carousel .prev {
  left: 0 !important;
  top: calc(50% - 20px) !important;
  background-color: #ff862e;
  border-color: #ff862e;
}

.page_root .product .carousel .next {
  right: 0 !important;
  top: calc(50% - 20px) !important;
  background-color: #ff862e;
  border-color: #ff862e;
}

.page_root .product .carousel .slide {
  border: none !important;
}

.page_root .product .list_goods .lis_cont img {
  border-radius: 120px 120px 0px 0px;
}

.page_root .product .list_goods .lis_cont .title {
  background: #eee;
  padding: 10px 10px 0 !important;
  height: 40px !important;
  text-align: left !important;
}

.page_root .product .list_goods .lis_cont .doc {
  background: #eee;
  padding: 0 10px 10px !important;
  height: 40px !important;
  justify-content: space-between;
}

.page_root .product .list_goods .lis_cont .doc .price {
  position: initial !important;
  background-color: initial !important;
  color: #fe8c2d !important;
  padding: 0 !important;
  font-size: 20px !important;
}

.page_root .product .list_goods .lis_cont .doc svg {
  opacity: 1 !important;
  visibility: initial !important;
  top: auto !important;
  bottom: 45px !important;
  width: 25px !important;
  height: 25px !important;
  padding: 5px !important;
  box-sizing: border-box;
  border-radius: 50% !important;
  background-color: #ff9231 !important;
}

.page_root .product .list_goods .lis_cont:hover {


  img {
    transform: initial !important;
  }

  .title {
    text-decoration: none !important;
  }

  .doc .price {
    background: initial !important;
    color: #fe8c2d !important;
  }
}

.page_root .article_s {
  margin-top: 30px !important;
  background: #f5f5f5 !important;
}

.page_root .article_s .list_article_box {
  padding-bottom: 100px !important;
}

.page_root .article_s .list_article {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px !important;
}

.page_root .list_article .article_warp {
  width: 100% !important;
  height: 320px !important;
  padding: 5px !important;
}

.page_root .list_article .article_warp .article {
  flex-direction: column !important;
}

.page_root .list_article .article_warp:first-child .media .icon {
  height: 200px;
}

.page_root .list_article .article_warp .media .icon {
  width: 100% !important;
  height: 200px !important;
}

.page_root .list_article .article_warp .doc {
  position: initial !important;
  width: 100% !important;
  height: 100px !important;
  padding: 0 15px !important;
  align-items: initial !important;
  justify-content: initial !important;
}

.page_root .list_article .article_warp .doc .desc {
  position: absolute !important;
  color: #333 !important;
  left: 15px !important;
  bottom: 13px !important;
}

.page_root .list_article .article_warp .doc .title {
  position: initial !important;
  color: #333 !important;
  margin-bottom: 0 !important;
  font-weight: normal;
  letter-spacing: 1px;
  color: #fe8c2d !important;
  margin-top: 10px !important;
}

.page_root .list_article .article_warp .doc .time {
  display: block;
  position: absolute;
  right: 20px !important;
  bottom: 10px !important;
  color: #fe8c2d !important;
  opacity: 1 !important;
  visibility: initial !important;
  line-height: 30px !important;
  font-size: 14px !important;
}

.page_root .list_article .article_warp .doc .praise,
.page_root .list_article .article_warp .doc .see {
  display: inline-block;
  height: 25px !important;
  line-height: 30px !important;
  font-size: 14px !important;
  padding-left: 30px;
  margin-right: 15px !important;
}

.page_root .list_article .article_warp .doc .praise:before,
.page_root .list_article .article_warp .doc .see:before {
  width: 25px !important;
  height: 25px !important;
}

.page_root .list_article .article_warp:nth-child(5),
.page_root .list_article .article_warp:nth-child(6) {
  grid-column: span 2 !important;
  height: 215px !important;

  .article {
    flex-direction: row !important;
    height: 200px !important;
  }

  .title {
    margin-top: 20px !important;
  }

  .doc .desc {
    left: 225px !important;
  }
}

.page_root .list_article .article_warp:hover {
  background-color: #ffe2bf !important;
}

.page_root .ins.model1 {
  background-color: #fff !important;
}

.page_root .ins.model2 {
  background-color: #f5f5f5 !important;
}

.page_root .ins.warp .list {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
}

.diy_list .diy_list_box_wrap .diy_list_item_box:before,
.diy_list .goods .diy_list_item_box:before {
  display: none;
}

.page_root .ins.warp .list .goods {
  flex-direction: row !important;
  padding-top: 120px !important;
  min-height: 220px !important;
  padding-bottom: 0px !important;
  border: none !important;
  background-color: transparent !important;

}

.diy_list .diy_list_box_wrap .diy_list_img_box,
.diy_list .goods .diy_list_img_box {
  width: 50% !important;
  height: 220px !important;
  position: absolute;
  right: 10px;
  bottom: 15px;
}

.diy_list .diy_list_box_wrap .diy_list_img_box .diy_row .diy_img img,
.diy_list .goods .diy_list_img_box .diy_row .diy_img img {
  border-radius: 5px !important;
}

.diy_list .diy_list_box_wrap .diy_list_item_box,
.diy_list .goods .diy_list_item_box {
  order: -1;
  position: initial !important;
  background-color: #ffe2bf !important;
  opacity: 1 !important;
  visibility: initial !important;
  width: 100% !important;
  height: 140px !important;
  padding: 20px 15px !important;
  border-radius: 5px !important;
  padding-right: 49% !important;
}

.diy_list .diy_list_box_wrap .diy_list_item_content,
.diy_list .goods .diy_list_item_content,
.diy_list .diy_list_box_wrap .diy_list_item_content .diy_row,
.diy_list .goods .diy_list_item_content .diy_row {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.diy_list .diy_list_box_wrap .diy_list_item_content:before,
.diy_list .goods .diy_list_item_content:before {
  display: none !important;
}

.goods:hover img {
  filter: initial !important;
}

.diy_list .diy_list_box_wrap .diy_list_item_content .diy_row .diy_title,
.diy_list .goods .diy_list_item_content .diy_row .diy_title {
  color: #fe8b2e !important;
  font-weight: bold !important;
}

.diy_list .diy_list_box_wrap .diy_list_item_content .diy_row .diy_text,
.diy_list .goods .diy_list_item_content .diy_row .diy_text {
  color: #fe8b2e !important;
}

.page_footer .container {
  width: 80% !important;
  margin: 0 auto !important;
  flex-direction: row !important;
}

.page_footer .container .row:nth-child(1) {
  width: 40% !important;
  padding-top: 70px !important;

  .card_copyright {
    margin-top: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}


.page_footer .card_copyright .is1 .as1::after {
  content: '站内导航';
  padding: 0 15px;
  font-weight: 600;
}

.page_footer .card_copyright .is1 .as2::after {
  content: '帮助中心';
  padding: 0 15px;
}

.page_footer .card_copyright .is1 .as3::after {
  content: '联系我们';
  padding: 0 15px;
}

.page_footer .card_copyright .is1 .as4::after {
  content: '关于我们';
  padding: 0 15px;
}

.page_footer .card_copyright .is1::after {
  content: '服务条款';
  padding: 0 15px;
}

.page_footer .card_copyright .is2 .bs1::after {
  content: '购物指南';
  padding: 0 15px;
  font-weight: 600;
}

.page_footer .card_copyright .is2 .bs2::after {
  content: '购物流程';
  padding: 0 15px;
}

.page_footer .card_copyright .is2 .bs3::after {
  content: '常见问题';
  padding: 0 15px;
}

.page_footer .card_copyright .is2 .bs4::after {
  content: '联系客服';
  padding: 0 15px;
}

.page_footer .card_copyright .is2::after {
  content: '' !important;
}

.page_footer .card_copyright .is3 .cs1::after {
  content: '售后服务' !important;
  padding: 0 15px;
  font-weight: 600;
}

.page_footer .card_copyright .is3::after {
  content: '售后政策';
  padding: 0 15px;
}

.page_footer .card_copyright .is4 .ds1::after {
  content: '隐私政策';
  font-weight: 600;
  padding: 0 15px;
}

.page_footer .card_copyright .is4 .ds2::after {
  content: '质量公告';
  padding: 0 15px;
}

.page_footer .card_copyright .is4::after {
  content: '消费保护';
  padding: 0 15px;
}

.page_footer .container .row:nth-child(2) {
  width: 60% !important;
}

.page_footer .card_link .list_link {
  width: 100% !important;
}

.page_footer .card_link .list_link .row_link {
  width: 100% !important;
  grid-template-columns: repeat(4, 1fr) !important;
  background: transparent !important;
  padding: 10px !important;


  .link_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.page_footer .container .row:nth-child(1) .card_copyright::after {
  content: '© Copyright 2025. All Rights Reserved.';
  color: #ffffff80;
  text-align: center;
  padding: 10px 30px !important;
  margin-top: 10px !important;
}

.page_footer .card_copyright>div {
  margin-bottom: 15px !important;
}

#app>.page_cart,
#app>.page_pay,
#app>.page_exam,
#app>.page_notice,
#app>.page_article,
#app>.diy_list,
#app>.diy_edit,
#app>.page_feedback,
#app>.page_user,
#app>.page_order,
#app>.page_forum,
#app .page_message,
#app .page_goods,
.page_account,
#app>.diy_details {
  background-color: #fffcf7;
}

#app>.page_cart,
#app>.page_pay,
#app>.page_exam,
#app>.page_notice,
#app>.page_article,
#app>.diy_list,
#app>.diy_edit,
#app>.page_feedback,
#app>.page_user,
#app>.page_order,
#app>.page_forum,
#app .page_message,
#app .page_goods,
.page_account,
#app>.diy_details {
  background-image: initial !important;
}

.page_goods .good_list_title .title {
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
  position: relative;
  z-index: 99;

  &::after {
    content: 'featured commodity' !important;
    top: auto !important;
    bottom: -5px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-size: 30px !important;
    color: rgba(255, 198, 52, .3) !important;
    z-index: -1;
    background: -webkit-linear-gradient(#ffc634, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.page_goods .iudis_box,
.page_article .iudis_box {
  display: flex;
  justify-content: space-between !important;
}

.page_goods .iudis_box .search_box,
.page_article .iudis_box .search_box {
  /* width: 40% !important; */
  flex: 1 !important;
  padding-right: 10px !important;
}

.page_goods .iudis_box .search_box input,
.page_article .iudis_box .search_box input {
  background-color: #ffe2bf !important;
  border-color: #ff9231 !important;
}

.page_goods .iudis_box .search_box input:focus,
.page_article .iudis_box .search_box input:focus {
  border-color: #ff9231 !important;
}

.page_goods .iudis_box .search_box .btn,
.page_article .iudis_box .search_box .btn {
  height: 48px !important;
  line-height: 48px !important;
  border-radius: 5px !important;
  position: relative !important;
  top: initial !important;
  left: initial !important;
  right: initial !important;
  color: #333 !important;
  margin-left: 10px !important;
  background: #ff9231 !important;

  &:hover {
    background-color: #ff9231 !important;
    border-color: #ff9231 !important;
    color: #fff !important;
  }
}

.page_goods .iudis_box .filter_block .bar_filter .btn,
.page_goods .iudis_box .filter_block .bar_sort .btn,
.page_article .iudis_box .filter_block .bar_filter .btn,
.page_article .iudis_box .filter_block .bar_sort .btn {
  border-color: #ff9231 !important;
  color: #ff9231 !important;

  &:hover {
    border-color: #ff9231 !important;
    background: #ffe2bf !important;
  }
}

.page_goods .iudis_box .filter_block .bar_sort .dropdown .dropdown-menu .dropdown-item:hover,
.page_goods .iudis_box .filter_block .bar_filter .dropdown .dropdown-menu .dropdown-item:hover,
.page_article .iudis_box .filter_block .bar_filter .dropdown .dropdown-menu .dropdown-item:hover,
.page_article .iudis_box .filter_block .bar_sort .dropdown .dropdown-menu .dropdown-item:hover {
  background: #ff9231 !important;
  color: #fff !important;
}

.page_goods .lis_i_box {
  margin-top: 10px !important;
}

.page_goods .lis_i_box .list_goods.goods_c {
  grid-template-columns: repeat(4, 1fr) !important;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods {
  border: none !important;
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
  padding: 60px 15px 15px !important;
  background: #fff !important;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .media {
  padding: 10px !important;
}

.page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods img {
  border-radius: 50% !important;
}

.page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover img {
  transform: initial !important;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc a .title {
  padding: 10px 0 0;
  line-height: 30px !important;
  color: #fe8c2d !important;
  letter-spacing: 1px;
  font-size: 18px !important;
  text-align: left !important;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc .bottom {
  justify-content: space-between !important;
  padding: 10px 0 15px !important;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc .bottom .price {
  position: initial !important;
  background: initial !important;
  padding: 0 !important;
  color: #fe8c2d !important;
  font-size: 20px !important;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods:hover .doc .price {
  color: #fe8b2e !important;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .doc .bottom svg {
  top: auto !important;
  bottom: 63px !important;
  opacity: 1 !important;
  visibility: initial !important;
  width: 30px !important;
  height: 30px !important;
  padding: 5px !important;
  color: #ff9231 !important;
}

.page_goods .page_goods_list_wrap .page_goods_list_base .card_goods_list .list_goods .goods .checkbox-container {
  top: 0 !important;
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%);

  >label {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    height: 50px !important;
    width: 100px !important;
    border: none;
    border-radius: 0 0 50px 50px;
    background-color: #ff9231;

    >span {
      margin: 0 0 5px !important;
      padding: 0 !important;
      font-size: 14px !important;
      letter-spacing: 1px !important;
      color: #fff !important;

      input {
        display: none !important;
      }

      .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
        height: 14px !important;
        width: 14px !important;
      }
    }
  }
}

/* 热门修改 */
.page_goods .page_goods_list_hot {
  position: initial !important;
  margin-top: 80px !important;
}

.page_goods .page_goods_list_hot .card_list_hot {
  background: #ffe2bf !important;
  padding: 20px;
}

/* 热门标题 */
.page_goods .page_goods_list_hot .card_list_hot .hot_title {
  margin-top: 10px !important;
  margin-bottom: 30px !important;
  background-color: #ff9231 !important;
  width: 20% !important;
  text-align: center;
  border-radius: 10px;
  color: #fff !important;
}

/* 热门商品 */
.page_goods .page_goods_list_hot .list .goods .goods_nav {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
}

.page_goods .page_goods_list_hot .list .goods .goods_nav:hover .price_block .price {
  color: #ff9231 !important;
}

.page_goods .page_goods_list_hot .list .goods .goods_nav .media img {
  height: 180px !important;
}

.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .title {
  padding: 20px 15px 0px !important;
  line-height: 30px !important;
}

.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .price_block {
  padding: 5px 15px 15px !important;
  line-height: 30px !important;
}

.page_goods .page_goods_list_hot .list .goods .goods_nav .good_bottom .price_block .price {
  position: initial !important;
  padding: 0 !important;
  background: initial !important;
  margin-left: 10px !important;
  color: #ff9231 !important;
}

/* 产品对比按钮 */
.drawer-button .el-button--info {
  background-color: #ff9231 !important;
  border-color: #ff9231 !important;
}

/* 产品对比标题 */
.el-drawer__wrapper .el-drawer__header {
  padding: 20px !important;
  background-color: #ff9231 !important;
  color: #fff !important;
}

/* 产品对比关闭按钮 */
.el-drawer__wrapper .el-drawer__close-btn i {
  font-size: 20px !important;
  color: #fff !important;
}

/* 产品对比底部左侧按钮 */
.el-drawer__body .footer .el-button--primary {
  background-color: #ff9231 !important;
  border-color: #ff9231 !important;
}

/* 产品对比底部右侧按钮hover */
.el-drawer__body .footer .el-button--default:hover {
  border-color: #ff9231 !important;
  background-color: rgba(255, 146, 49, .1);
  color: #ff9231 !important;
}

/* 商品详情包裹盒子 */
.page_goods.goods_det .card_div_goods {
  border-radius: 20px !important;
  padding: 20px 0 !important;
  position: relative;
  height: 480px !important;
  margin-top: 60px !important;
  border-radius: 20px !important;
  border: 2px solid #ff9231 !important;
}

/* 内容包裹盒子 */
.page_goods.goods_det .card_div_goods .gods {
  position: relative;
  padding-bottom: 0px !important;

  .col-12:first-child {
    position: absolute;
    left: 10px;
    bottom: 0px;
    width: calc(50% - 20px) !important;
    z-index: 999 !important;
  }
}

/* 大图 */
.page_goods.goods_det .card_div_goods .card_goods_info .figure {
  height: 300px !important;
}

.page_goods.goods_det .card_div_goods .card_goods_info {
  padding-bottom: 0 !important;
  gap: initial !important;
  column-gap: 30px !important;
}

/* 小图列表 */
.page_goods.goods_det .card_div_goods .list_sm_img {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  width: auto !important;
  gap: 20px !important;
}

/* 小图选中边框 */
.page_goods.goods_det .card_div_goods .list_sm_img .item .sm_figure.little_goodspic_act,
.page_goods.goods_det .card_div_goods .list_sm_img .item .sm_figure:hover {
  border: 3px solid #ff9231 !important;
}

/* 商品名称 */
.page_goods.goods_det .card_div_goods .card_goods_info .titile_t {
  padding: 20px 10px;
  background-color: #ffe2bf !important;
  border-radius: 5px !important;
}

/* 商品名称下面盒子 */
.page_goods.goods_det .card_div_goods .card_goods_info .price_b {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 30px !important;
}

/* 数量 按钮包裹盒子 */
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle {
  grid-column: span 4 !important;
}

/* 价格盒子 */
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .price_block {
  height: 40px !important;
}

/* 已卖 库存盒子 */
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .sales {
  height: 40px !important;
  text-align: center !important;
  line-height: 40px !important;
  margin: 0 !important;
}

/* 价格包裹的小盒子 */
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .price_block .price_item {
  margin: 0 !important;
}

.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .buy,
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .cart,
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .collect {
  grid-column: span 2 !important;
  width: 100% !important;

  span {
    font-weight: normal;
  }
}

/* 立即购买  优惠券 */
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .buy:nth-child(2),
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .buy:nth-child(3) {
  background: #ff9231 !important;

  &:hover {
    background: #ff9231 !important;
  }
}

/* 价格盒子 */
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .price_block .price_item .price {
  order: 1 !important;
  background: transparent !important;
  border-radius: 0px !important;
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 !important;
  font-size: 22px;
  color: #ff9231 !important;
  width: 90px !important;
  text-align: left;
}

/* 原价 */
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .price_block .price_item .price_ago {
  text-align: center;
  margin: 0 !important;
}

/* 数量 */
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .num {
  color: #ff9231 !important;
}

/* 评分 */
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .price_block .score_star {
  display: block !important;
  position: absolute;
  right: 20px;
  top: 40px;
}

/* 加入购物车 收藏 */
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .cart,
.page_goods.goods_det .card_div_goods .card_goods_info .price_b .bottom_handle .collect {
  border-color: #ff9231 !important;
  color: #ff9231 !important;

  &:hover {
    background-color: #ff9231 !important;
    color: #fff !important;

    .bi-heart-fill {
      color: #fff !important;
    }
  }
}

/* 详情评论盒子 */
.page_goods.goods_det .card_bottom_goods .options {
  background-color: #ffa136;
}

/* 详情文字修改 */
.page_goods.goods_det .card_bottom_goods .options span {
  padding: 15px 30px !important;
  margin-right: 15px !important;
  color: #552800 !important;
}

/* tab选中 */
.page_goods.goods_det .card_bottom_goods .options .selected {
  color: #333 !important;

  &:before {
    width: 30px !important;
    margin-left: -15px !important;
    background: #fff !important;
  }
}

/* 商品详情盒子 */
.page_goods.goods_det .card_bottom_goods .goods_desc_box {
  padding: 20px;
}

/* 详情列表 */
.page_goods.goods_det .card_bottom_goods .goods_desc_box .goods_detail_item,
.page_goods.goods_det .card_bottom_goods .goods_desc_box .goods_detail_editor {
  margin-bottom: 0 !important;
  min-height: 40px !important;
  line-height: 40px !important;
  border-left: 4px solid #ffa136 !important;
  margin-bottom: 25px !important;
  padding: 0 15px !important;
  background: #ffe2bf !important;
}

/* 带头像的大盒子 */
.comment_box .list_comment .item_comment_box .comment {
  background-color: transparent !important;
  padding: 15px !important;
}

/* 头像右边 */
.comment_box .list_comment .item_comment_box .right_block {
  padding: 0 !important;
  border: none !important;
}

/* 名字时间 */
.comment_box .list_comment .item_comment_box .right_block .top_comment {
  /* height: 32px !important; */
  /* line-height: 32px !important; */
  margin-bottom: 15px !important;
  background-color: #ffe2bf !important;
  padding: 10px 10px !important;
}

/* 名字修改 */
.comment_box .list_comment .item_comment_box .right_block .top_comment .nickname {
  font-size: 20px !important;
}

/* 时间修改 */
.comment_box .list_comment .item_comment_box .right_block .top_comment .time_block .time {
  color: #666 !important;
  font-size: 14px !important;
}

/*  */
.comment_box .list_comment .item_comment_box .right_block .content {
  color: #212529 !important;
}

.comment_box .list_comment .item_comment_box .right_block .comment_reply {
  position: absolute;
  right: 15px;
  top: 25px;
}

.comment_box .list_comment .item_comment_box .right_block .comment_reply .btn {
  background-color: transparent !important;
  font-size: 14px !important;
  color: #fff !important;
  border: 1px solid #ffa136 !important;
  color: #ffa136 !important;
  margin-right: 10px !important;

  &::after {
    display: none;
  }

  &:hover {
    background-color: #ffa136 !important;
    color: #fff !important;
  }

  &:focus {
    box-shadow: none !important;
  }
}

.comment_box .list_comment .item_comment_box .right_block .comment_reply .btn:nth-child(2) {
  border-color: #e64746 !important;
  color: #e64746 !important;

  &:hover {
    background-color: #e64746 !important;
    color: #fff !important;
  }
}

.comment_box .list_comment .item_comment_box .list_reply {
  margin-left: 95px !important;
  padding-right: 15px !important;
}

.comment_box .list_comment .item_comment_box .list_reply .mb {
  padding: 15px 0 15px 15px !important;
  position: relative;

  .fl {
    float: none !important;
    height: 50px !important;
    line-height: 50px !important;
    background-color: #ffe2bf !important;
    padding-left: 10px;
  }

  .fr {
    float: none !important;
    position: absolute;
    top: 15px !important;
    left: 95px !important;
    height: 50px;
    display: flex;
    align-items: center;
    width: calc(100% - 75px) !important;
    justify-content: space-between !important;


    .time {
      font-size: 14px !important;
      color: #666 !important;
      transform: initial !important;
    }

    .btn {
      background-color: transparent !important;
      width: 50px !important;
      height: 30px !important;
      padding: 0 10px !important;
      border-color: #e64746 !important;
      color: #e64746 !important;
      border-radius: 0 !important;
      font-size: 14px !important;
      margin-right: 30px !important;
      font-weight: 600 !important;

      &:hover {
        background-color: #e64746 !important;
        color: #fff !important;
      }
    }
  }

  .nickname {
    font-size: 20px !important;
    color: #1a2535 !important;
    font-weight: bold !important;
  }

  >div:last-child {
    float: none !important;
    margin-left: 0 !important;
    line-height: 30px !important;
    margin-top: 15px !important;
  }
}

#app .pagination .page-item.active .page-link {
  background: #ffa136 !important;
}

.form_editor .editor:before {
  display: block !important;
  position: initial !important;
  height: 40px !important;
  line-height: 40px !important;
  background-color: #ffa136 !important;
  width: 100% !important;
  padding-left: 15px !important;
  color: #fff !important;
}

.form_editor .fl,
.form_editor .fr {
  height: 34px !important;
  display: flex;
  align-items: center;
}

.form_editor .fl i {
  color: #ffa136 !important;
  font-weight: 600 !important;
  margin: 0 10px !important;
}

.submit_button,
.form_editor .btn_publish .btn {
  background-color: #ffa136 !important;

  &:hover {
    background-color: #ffa136 !important;
  }
}

/* 今日推荐 */
.page_goods .card_aside {
  margin-top: 30px !important;
  background-color: #ffe2bf !important;
  padding: 0 20px !important;
}

/* 今日推荐标题 */
.page_goods .card_aside h5 {
  padding: 0 60px !important;
  background-color: #ff9231 !important;
  border-radius: 10px !important;
  color: #fff !important;
  margin-bottom: 30px !important;
}

.page_goods .card_aside .list .goods .goods_nav {
  padding: 10px !important;
  background-color: #fff !important;
  border-radius: 5px !important;
}

.page_goods .card_aside .list .goods .goods_nav .good_bottom .title {
  padding: 15px 15px 0px !important;
  line-height: 30px !important;
}

.page_goods .card_aside .list .goods .goods_nav .good_bottom .price_block {
  padding: 5px 15px 15px !important;
  line-height: 30px !important;
}

/* 今日推荐价格 */
.page_goods .card_aside .list .goods .goods_nav .good_bottom .price_block .price {
  padding: 0 !important;
  background-color: transparent !important;
  position: initial !important;
  color: #ff9231 !important;
}

/* 商城资讯标题 */
.page_article .card_article .article_list_title .title {
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
  position: relative;
  z-index: 99;

  &::after {
    content: 'featured commodity' !important;
    top: auto !important;
    bottom: -5px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-size: 30px !important;
    color: rgba(255, 198, 52, .3) !important;
    z-index: -1;
    background: -webkit-linear-gradient(#ffc634, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

/* 资讯大盒子 */
.page_article .list_article {
  grid-template-columns: repeat(4, 1fr);
}

/* 资讯前四个 */
.page_article .list_article .article_warp:nth-child(-n+4) {
  grid-column: span 2;
}

/* 单个资讯 */
.page_article .list_article .article_warp {
  padding-bottom: 0 !important;
  border: none !important;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.05);
}

.page_article .list_article .article_warp .media .icon {
  height: 200px !important;
}

.page_article .list_article .article_warp:hover .media::after {
  display: none !important;
}

.page_article .list_article .article_warp .doc {
  position: initial !important;
  padding: 20px 15px !important;
}

.page_article .list_article .article_warp .doc .title {
  position: initial !important;
  margin-top: 0 !important;
  color: #ff9231 !important;
}

.page_article .list_article .article_warp .doc .desc {
  opacity: 1 !important;
  visibility: initial !important;
}

.page_article .list_article .article_warp .doc .time {
  opacity: 1 !important;
  visibility: initial !important;
  color: #666;
  position: absolute;
  right: 15px;
  bottom: 20px;
  font-weight: 600;
  letter-spacing: 0.1px;
}

.page_article .list_article .article_warp .doc .praise {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 80px !important;
  height: 34px !important;
  border-radius: 15px;
  background-color: #fff !important;
  margin-right: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center !important;
  color: #ff9231 !important;
  border: 1px solid #ff9231 !important;
  box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.05);
}

.page_article .list_article .article_warp .doc .praise:before {
  position: initial !important;
  margin-top: 0 !important;
  width: 25px !important;
  height: 25px !important;
  margin-right: 10px !important;
}

.page_article .list_article .article_warp .doc .see {
  line-height: 34px !important;
  color: #ff9231 !important;
  display: flex;
  align-items: center;
  padding-left: 0 !important;
}

.page_article .list_article .article_warp .doc .see:before {
  width: 25px !important;
  height: 25px !important;
  position: initial !important;
  margin: 0 !important;
  margin-right: 5px !important;
}

.page_article .card_article_hot {
  background-color: #ffe2bf !important;
}

.page_article .card_article_hot .hot_title {
  margin: 20px 0 30px !important;
  padding: 0 60px !important;
  background-color: #ff9231 !important;
  border-radius: 10px !important;
  color: #fff !important;
}

.page_article .card_article_hot .list_article_hot {
  padding: 0 40px !important;
}

.page_article .card_article_hot .list_article_hot .item {
  height: 30px !important;
  line-height: 30px !important;
  padding-left: 40px !important;
  border-bottom: 1px solid #ff9231 !important;

  &::before {
    min-width: 30px !important;
    border-radius: 0 !important;
    background-color: #ff9231 !important;
    color: #fff !important;
  }
}

/* 资讯详情 */
.page_article .row.row_art {
  margin-top: 60px !important;
  /* flex-direction: row !important; */

  >div:nth-child(1) {
    /* flex: 0 0 70% !important; */

    >.card {
      box-shadow: none !important;
      background-color: #ffe2bf !important;
    }
  }

  /* >div:nth-child(2) {
    flex: 0 0 30% !important;
  } */
}

.page_article .row.row_art .list_hot {
  border: none !important;
  padding: 0 !important;
  margin: 0 15px !important;
}

.page_article .list_hot .hot_title {
  width: 100% !important;
  background-color: #ff9231 !important;
  color: #fff !important;
  margin-bottom: 20px !important;
}

.page_article .list_hot .list_article_hot {
  display: flex !important;
  flex-direction: column !important;
}

.page_article .list_hot .list_article_hot .item {
  height: 36px !important;
  line-height: 36px !important;
  border-bottom: 1px solid #ff9231 !important;
}

.page_article .list_hot .list_article_hot .item::before {
  border-radius: 0 !important;
  background-color: #ff9231 !important;
  color: #fff !important;
}

.page_article .div_article .aside .aside_2>div span {
  color: #ff9231 !important;
}

.page_article .div_article .title {
  border-color: #ff9231 !important;
}

.page_article .div_article .aside .btns_interact {
  right: -20px !important;
}

/* 定制商品 */
.diy_list_title .title {
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
  position: relative;
  z-index: 99;

  &::after {
    content: 'featured commodity' !important;
    top: auto !important;
    bottom: -5px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-size: 30px !important;
    color: rgba(255, 198, 52, .3) !important;
    z-index: -1;
    background: -webkit-linear-gradient(#ffc634, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.diy_list .diy_list_container .iudis_box {
  position: initial !important;
  flex-wrap: wrap;
}

.diy_list .diy_list_container .diy_list_search {
  width: 100% !important;
}

.diy_list .diy_list_container .diy_list_search .view.Search input {
  flex: initial !important;
  border-color: #ff9231 !important;
  background-color: #ffe2bf !important;
  max-width: 300px;
  margin-bottom: 10px;
}

.diy_list .diy_list_container .diy_list_search .view.Search .el-range-editor.el-input__inner {
  width: auto !important;
  height: 48px !important;
  margin-right: 10px !important;
  border: 2px solid #ff9231;

  input {
    border: none !important;
    width: 120px !important;
    padding: 0 !important;
    background-color: transparent !important;
  }

  .el-range-separator {
    line-height: 40px !important;
  }
}

.diy_list .diy_list_container .diy_list_select_box .diy_list_dropdown_box .view .btn {
  border-color: #ff9231 !important;
  color: #ff9231 !important;

  &:hover {
    border-color: #ff9231 !important;
  }
}

.diy_list .diy_list_container .map_btn {
  margin-left: 10px !important;

  .el-button {
    height: 48px !important;
    border: 2px solid #ff9231;
    color: #ff9231 !important;

    &:hover {
      background: #ffe2bf !important;
    }
  }
}

.diy_list .diy_list_container .diy_list_select_box .diy_list_dropdown_box .view .dropdown .dropdown-menu .dropdown-item:hover {
  background: #ff9231 !important;
  color: #fff !important;
}

.diy_list .diy_list_container .diy_list_search .view.Search .btn {
  background: #ff9231 !important;
}

.diy_list .diy_list_container .diy_list_box .diy_view_list {
  grid-template-columns: repeat(3, 1fr) !important;
}

.diy_list .diy_list_container .diy_list_box .diy_view_list .diy_list_box_wrap {
  padding: 60px 0 !important;
  border: none !important;
  background-color: transparent;

  &:hover {
    box-shadow: none !important;
  }
}

.diy_list .diy_list_box_wrap .diy_list_img_box,
.diy_list .goods .diy_list_img_box {
  bottom: 50% !important;
  transform: translateY(50%) !important;
}

.diy_list .diy_list_container .diy_list_box .diy_view_list .diy_list_box_wrap .diy_list_item_box .diy_row .diy_title {
  width: auto !important;
}

.diy_list .diy_list_container .diy_list_box .tabs .nav-tabs .nav-item .active {
  background-color: #ff9231 !important;
  color: #fff !important;
  border: none !important;
}

/* 影视小说音乐播放 */
.y_music_player {
  background: #ffe2bf !important;
  padding-top: 30px !important;
  border-radius: 10px !important;
}

/* 定制详情 */
.diy_details .diy_details_box {
  margin-top: 60px !important;
}

/* 详情倒计时 */
#app .diy_details .time_type {
  top: 60px !important;
}

/* 详情标题 */
#app .diy_details .diy_details_box .details_title {
  width: auto !important;
  margin: initial !important;
  margin-top: 5px !important;
  padding: 10px 0 !important;
  background-color: #ff9231 !important;
  color: #fff !important;
}

/* 详情包裹盒子 */
#app .diy_details .diy_details_box .row_top_wrap {
  display: flex;
  background-color: rgba(255, 146, 49, .1);
  padding: 0 30px !important;
}

/* 图片所在盒子 */
#app .diy_details .diy_details_box .row_top_wrap .row_1 {
  height: 100% !important;
  margin: 0 !important;
  padding: 30px 0 !important;
}

/* 图片 */
#app .diy_details .diy_details_box .row_top_wrap .row_1 .diy_img {
  margin-right: 10px;
  height: 100% !important;
}

/* 商品介绍列表大盒子 */
#app .diy_details .diy_details_box .row_top_wrap .row_2 {
  width: 100% !important;
  grid-template-columns: repeat(2, 1fr) !important;
  margin: 30px 0 !important;
  border: none !important;
  gap: 10px;
}

/* 商品介绍列表 */
#app .diy_details .diy_details_box .row_top_wrap .row_2 .row_cont,
#app .diy_details .diy_details_box .row_top_wrap .row_2>.view {
  border: none !important;
  border: 1px solid #e4eaef !important;
  background-color: #fff !important;
}

/* 点赞按钮所在一行 */
#app .diy_details_box .warp .container .row .btns_add {
  width: 100% !important;
  flex: 100% !important;
  max-width: 100% !important;
  padding: 10px !important;
  margin: 0 !important;
}

/* 分享 */
#app .diy_details .btn_share {
  top: 168px !important;

  .share_box {
    display: block !important;
  }
}

/* 说明和详情备注标题 */
#app .diy_details .diy_details_box .rich_text .diy_title {
  background-color: #ff9231 !important;
}

/* 定制按钮 */
#app .diy_details .diy_details_box .details_btn {
  background-color: #ff9231 !important;

  &:hover {
    background-color: #ff9231 !important;
  }

  &:focus {
    box-shadow: none !important;
  }
}

/* 修改第一个地图宽度 */
#app .diy_details iframe {
  width: 100% !important;
}

/* 评论发表按钮盒子 */
#app .diy_details .fn .btn_publish {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

/* 评论发表按钮 */
#app .diy_details .fn .btn_publish .btn {
  background: #ff9231 !important;
  border-color: #ff9231 !important;

  &:hover {
    background: #ff9231 !important;
  }
}

/* 点赞收藏选中颜色 */
#app .diy_details_box .warp .container .row .btns_add {

  .icon_change,
  .word_change {
    color: #ff9231 !important;
  }
}

/* 详情评分 */
#app .diy_details .diy_details_box .row_top_wrap .row_2 .view .diy_field .rating {
  width: 200px !important;
  display: flex !important;
  align-items: center !important;
}

/* 单个表格宽度 */
#app .diy_details .diy_details_box .row_top_wrap .row_2 .view .diy_field {
  max-width: initial !important;
}

/* 详情说明备注 */
#app .diy_details .diy_details_box .rich_text .diy_html {
  padding: 0px !important;
  min-height: 100px !important;
}

/* 定制添加页面 */
#app .diy_edit .warp>.container {
  margin-top: 80px !important;
  background: transparent !important;
}

/* 定制页面盒子 */
#app .diy_edit .diy_edit_content_box {
  width: 1110px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  background: rgba(255, 146, 49, .1) !important;

  >.form-item {
    display: flex !important;
    flex-direction: column !important;
  }
}

/* label 修改 */
#app .diy_edit .form-item .diy_title {
  text-align: left !important;
  background-color: #ff9231 !important;
  color: #fff !important;
  padding-left: 10px !important;
  margin-bottom: 5px !important;
}

/* 输入框盒子 */
#app .diy_edit .form-item .diy_field {
  width: 100% !important;

  input {
    width: 100% !important;
    background-color: #fff !important;

    &:hover {
      border-color: #ff9231 !important;
    }

    &:focus {
      border-color: #ff9231 !important;
    }
  }

  select {
    width: 50% !important;
  }
}

/* 上传图片 */
#app .diy_edit .form-item .diy_img .btn_add_img {
  margin-left: 0 !important;
}

/* 下拉菜单 */
#app .diy_edit .form-item .diy_down select {
  width: 100% !important;
  text-align: left;
}

/* 上传图片 */
#app .diy_edit .form-item .diy_img .btn_add_img {
  border-color: #ff9231 !important;
  color: #ff9231 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 定制图片修改 */
.diy_field.diy_img_multiple span {
  position: initial !important;
  background: transparent !important;
  color: #ff9231 !important;
}

/* 审核回复 */
#app .diy_edit .form-item .diy_desc textarea {
  width: 100% !important;
}

/* 定制按钮 */
#app .diy_edit .warp .container>.row .btn_box .btn_submit {
  background: #ff9231 !important;

  &:hover {
    background: #ff9231 !important;
  }
}

/* 交流论坛 */
#app .page_forum .warp>.container {
  padding-top: 80px !important;
}

/* 搜索 */
.page_forum .container .row .card_forum_list .search_box {
  padding: 0 !important;
  margin-top: 20px !important;
  padding: 0 15px !important;


  >input {
    /* width: 35% !important; */
    flex: initial !important;
    border-color: #ff9231 !important;
    background: #ffe2bf !important;
  }
}

/* 下拉菜单 发布按钮 */
.page_forum .container .row .card_forum_list .search_box>select,
.page_forum .container .row .card_forum_list .search_box>.add_forum,
.page_forum .container .row .card_forum_list .search_box>button {
  position: initial !important;
}

/* 搜索按钮 */
.page_forum .container .row .card_forum_list .search_box>button {
  order: 2;
  margin: 0 10px;
  height: 48px !important;
  border-radius: 5px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff9231 !important;

  &::before {
    display: none !important;
  }

  svg {
    display: block !important;
  }
}

/* 下拉菜单 */
.page_forum .container .row .card_forum_list .search_box>select {
  order: 3;
  border-color: #ff9231 !important;
  color: #ff9231 !important;
}

/* 发布按钮 */
.page_forum .container .row .card_forum_list .search_box>.add_forum {
  order: 4;
  background: #fff !important;
  color: #ff9231 !important;
  border: 2px solid #ff9231 !important;
  font-weight: normal !important;

  &:hover {
    background: #ff9231 !important;
    color: #fff !important;
  }
}

/* 内容包裹盒子 */
.page_forum .container .row .card_forum_list .list_forum {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum:nth-child(-n+4) {
  flex: 0 0 50% !important;
  padding: 0 15px 30px !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .left:after {
  display: none !important;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .forum_center {
  opacity: 1 !important;
  visibility: initial !important;
  position: initial !important;
  color: #333 !important;
  margin-top: 0 !important;
  padding: 0 10px !important;
  line-height: 30px !important;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom {
  opacity: 1 !important;
  visibility: initial !important;
  position: initial !important;
  margin-top: 0 !important;
  height: 40px !important;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .time {
  color: #fff !important;
  background-color: #ff9231 !important;
  height: 26px !important;
  padding: 0 20px !important;
  border-radius: 5px !important;
  line-height: 26px !important;
  font-size: 14px !important;

  &::before {
    display: none !important;
  }
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .praise {
  color: #ff9231 !important;
  margin-right: 15px !important;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .bottom .see {
  color: #ff9231 !important;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block {
  background-color: #fff !important;
  border: 1px solid #ff9231 !important;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .right_block .top {
  line-height: 32px !important;
  height: 32px !important;
  color: #ff9231 !important;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum {
  flex: 0 0 25% !important;
  width: 25% !important;
  padding: 0 15px 30px !important;
  border: none !important;
  background: transparent !important;
  margin: 0 !important;
}

.page_forum .container .row .card_forum_list .list_forum .item_forum .tag {
  left: 15px !important;
  top: 10px !important;
  width: 50px !important;
  height: 30px !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 30px !important;
  border-radius: 0 50px 50px 0 !important;
  background: #ff9231 !important;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum {
  padding-top: 20px !important;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .title {
  order: initial !important;
  padding-top: 0 !important;
  border-top: none !important;
  line-height: 40px !important;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .title_nav {
  position: initial !important;
  padding: 20px 64px !important;
  background: #ffe2bf !important;

  >span {
    color: #ff9231 !important;
  }
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .title_nav span:nth-child(1) svg {
  color: #ff9231 !important;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside {
  flex-direction: row !important;

  >div {
    width: 50% !important;
    max-width: 50% !important;
  }
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .aside_2 {
  display: flex;
  justify-content: flex-end !important;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .btns_add {
  top: 20px !important;
}

#app .page_forum .warp .container .row .card .forum_detail .div_forum .aside .aside_1 .tag {
  background: #ffa136 !important;
}

/* 知识问答 */
.page_exam .row_exam {
  margin-top: 80px !important;
}

.page_exam .warp .exam_list_title .search_box {
  padding: 20px 0 0 !important;
}

.page_exam .warp .exam_list_title .search_box input {
  background-color: #ffe2bf !important;
  border-color: #ff9231 !important;
}

/* 知识问答搜索按钮 */
.page_exam .warp .exam_list_title .search_box .btn {
  position: initial !important;
  margin-left: 10px !important;
  height: 48px !important;
  position: relative;
  border-radius: 5px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: #ff9231 !important;
}

.page_exam .warp .exam_list_title .search_box .btn:before {
  display: none !important;
}

.page_exam .warp .exam_list_title .search_box .btn svg {
  display: block !important;
}

.page_exam .warp .exam_list_content .table_title .table_th {
  width: 20% !important;
  background: #ff9231 !important;
}

.page_exam .row_exam .exam_list_content table tr:nth-child(2n) {
  background-color: #ffe2bf !important;
}

/* 查看分数 */
.page_exam .warp .exam_list_content .answer_link {
  color: #ff9231 !important;

  &:hover {
    color: #ff9231 !important;
  }
}

/* 考试详情 */
.page_exam .exam-detail {
  width: 1100px !important;
  margin: 80px auto 0 !important;
  background: rgba(255, 146, 49, .1);
}

.page_exam .exam-detail .row_exam {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.page_exam .exam-detail .title_margin {
  letter-spacing: 1px !important;
  font-size: 18px !important;
  font-weight: bold !important;
}

.page_exam .exam-detail .row>.title_margin>div {
  display: flex;
  flex-direction: column !important;
}

.page_exam .exam-detail textarea {
  width: 100% !important;
}

.page_exam .exam-detail>.row_subject {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 在线考试 */
#app>.page_exam .row_subject {
  margin-top: 80px !important;
}

/* 网站公告 */
.page_notice .car_notice {
  margin-top: 30px !important;
}

.page_notice .notice_list .notice_list_title .title {
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
  position: relative;
  z-index: 99;

  &::after {
    content: 'featured commodity' !important;
    top: auto !important;
    bottom: -5px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-size: 30px !important;
    color: rgba(255, 198, 52, .3) !important;
    z-index: -1;
    background: -webkit-linear-gradient(#ffc634, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.page_notice .notice_list {
  row-gap: 40px !important;
}

.page_notice .notice_list .notice_block {
  border-right: 10px solid #ff9231 !important;
  border-bottom: 10px solid #ff9231 !important;
}

.page_notice .notice_list .notice_block::before {
  content: '' !important;
  top: 10px !important;
  left: 0 !important;
  border-bottom: 10px !important;
  height: calc(100% - 10px) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 30% !important;
  border-radius: 0 50% 50% 0;
  background-color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ff9231 !important;
}

.page_notice .notice_list .notice_block::after {
  content: '';
  position: absolute;
  top: 50% !important;
  left: 5px;
  width: 50px;
  height: 50px;
  transform: translateY(-50%);
  background-image: url('../img/n-1.png');
  background-size: 100% 100%;
}

.page_notice .notice_list .notice_block:nth-child(3)::after {
  content: '';
  position: absolute;
  top: 50% !important;
  left: 5px;
  width: 50px;
  height: 50px;
  transform: translateY(-50%);
  background-image: url('../img/n-2.png') !important;
  background-size: 100% 100%;
}

.page_notice .notice_list .notice_block:nth-child(4)::after {
  content: '';
  position: absolute;
  top: 50% !important;
  left: 5px;
  width: 50px;
  height: 50px;
  transform: translateY(-50%);
  background-image: url('../img/n-3.png') !important;
  background-size: 100% 100%;
}

.page_notice .notice_list .notice_block:nth-child(5)::after {
  content: '';
  position: absolute;
  top: 50% !important;
  left: 5px;
  width: 50px;
  height: 50px;
  transform: translateY(-50%);
  background-image: url('../img/n-4.png') !important;
  background-size: 100% 100%;
}


.page_notice .notice_list .notice_block {
  padding-left: 80px !important;
}

.page_notice .notice_list .notice_block:hover::before {
  color: #ff9231 !important;
}

.page_notice .notice_list .notice_block:hover {
  background: #ff9231 !important;
}

.page_notice.notice-detail .notice_list .notice_title h5 {
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
  position: relative;
  z-index: 99;
  margin-top: 30px !important;

  &::after {
    content: 'featured commodity' !important;
    top: auto !important;
    bottom: -5px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-size: 30px !important;
    color: rgba(255, 198, 52, .3) !important;
    z-index: -1;
    background: -webkit-linear-gradient(#ffc634, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.page_notice.notice-detail .notice_list .notice_content {
  background-color: rgba(255, 146, 49, .2);
}

.page_notice.notice-detail .notice_list .notice_creat_time {
  top: 170px !important;
  border-radius: 10px 0 0 10px;
  background: #ff9231 !important;
}

/* 留言反馈 */
.page_message .card_message {
  margin-top: 60px !important;
}

.page_message .card_message h4 {
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
  position: relative;
  z-index: 99;
  text-align: center;

  &::after {
    content: 'featured commodity' !important;
    top: auto !important;
    bottom: -5px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-size: 30px !important;
    color: rgba(255, 198, 52, .3) !important;
    z-index: -1;
    background: -webkit-linear-gradient(#ffc634, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.page_message .card_message button {
  z-index: 999 !important;
  background: #ff9231 !important;

  &:hover {
    background: #ff9231 !important;
  }

  &:focus {
    box-shadow: none !important;
  }
}

.page_message .card_message .list_message {
  background-color: transparent !important;
  box-shadow: none !important;
}

.page_message .card_message .list_message .item_message {
  background-color: rgba(255, 146, 49, .2);
  margin-bottom: 25px !important;
}

.page_message .card_message .list_message .item_message .left_block,
.page_message .card_message .list_message .item_message .col-md-3 {
  background-color: #ff9231 !important;
  padding: 10px !important;
}

.page_message .card_message .list_message .item_message .left_block img,
.page_message .card_message .list_message .item_message .col-md-3 img {
  height: 50px !important;
  width: 50px !important;
}

.page_message .card_message .list_message .item_message:before {
  border: none !important;
}

.page_message .card_message .list_message .item_message .right_block .messg_box,
.page_message .card_message .list_message .item_message .col-md-9 .messg_box {
  padding: 10px 10px 10px 0 !important;
}

.page_message .card_message .list_message .item_message+.item_message .pl-3 {
  padding-left: 0 !important;
}

.page_message .card_message .list_message .item_message+.item_message .pl-3 .item_message {
  padding-top: 10px !important;
}

.page_message .card_message .list_message .item_message .left_block .user_info .nickname,
.page_message .card_message .list_message .item_message .col-md-3 .user_info .nickname {
  font-size: 20px !important;
}

.page_message .card_message .list_message .item_message .right_block,
.page_message .card_message .list_message .item_message .col-md-9 {
  position: initial !important;
}

.page_message .card_message .list_message .item_message .right_block .bottom,
.page_message .card_message .list_message .item_message .col-md-9 .bottom {
  top: 0 !important;
  height: 70px !important;
  line-height: 70px !important;

  .time {
    color: #333 !important;
    font-size: 14px !important;
  }
}

/* 发布留言 */
.page_message .form_message {
  margin-top: 100px !important;
  border: 2px solid #ff9231 !important;
  background-color: rgba(255, 146, 49, .2);
}

.page_message .form_message form>div {
  display: flex !important;
  flex-direction: column !important;

  >div {
    width: 100% !important;
  }

  >label {
    width: 135px !important;
    text-align: left !important;
    background: #ff9231 !important;
    padding: 8px !important;
    color: #fff !important;
  }
}

.page_message .form_message .btns_bottom .btn_item {
  background: #ff9231 !important;
  color: #fff !important;

  &:hover {
    background: #ff9231 !important;
  }
}

/* 商城管理下拉菜单 */
.el-dropdown-menu .dro .dro_li a:hover {
  background-color: #ff9231 !important;
  color: #fff !important;
}

.el-dropdown-menu .dro .dro_li a.router-link-active,
.el-dropdown-menu .dro .dro_li a.router-link-exact-active {
  background: #ff9231 !important;
  color: #fff !important;
}

/* 购物车 */
.page_cart .warp .container .row {
  margin-top: 60px !important;
}

.page_cart .warp .container .card h4 {
  background: transparent !important;
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
  position: relative;
  z-index: 99;
  text-align: center;

  &::after {
    content: 'featured commodity' !important;
    position: absolute !important;
    top: auto !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-size: 30px !important;
    color: rgba(255, 198, 52, .3) !important;
    z-index: -1;
    background: -webkit-linear-gradient(#ffc634, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.page_cart .warp .container .card .cart_block .list_cart {
  order: 1 !important;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .img_block {
  width: 300px !important;
  height: 120px !important;
  padding: 0 !important;

  img {
    border-radius: 0 !important;
    object-fit: cover;
  }
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .title {
  border: none !important;
  display: flex !important;
  justify-content: center !important;
  color: #ff9231 !important;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .price {
  border: none !important;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .bottom_price .price span:first-child {
  padding: 0 !important;
  background: transparent !important;
  color: #ff9231 !important;
  font-size: 22px !important;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart {
  border: 2px solid #ff9231 !important;
  background-color: #ff9231 !important;
  margin: 0 !important;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body {
  background-color: #fff !important;
}

.page_cart .warp .container .col .delet {
  top: auto !important;
  bottom: 15px !important;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .btn_del {
  opacity: 1 !important;
  visibility: initial !important;
  transition: initial !important;
  right: 0px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 0 0 0 50% !important;
  top: 0 !important;
  margin: 0 !important;
  background-color: #ff9231 !important;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info .btn_del::before {
  margin-left: 2px !important;
  margin-top: -2px !important;
  filter: invert(100%) !important;
}

.page_cart .warp .container .card .cart_block .list_cart {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px !important;
}

.page_cart .warp .container .card .cart_block .list_cart .item_cart .cart_body .right_info {
  padding-right: 10px !important;
}

.page_cart .warp .container .card .cart_block .bar_settle {
  margin-top: 20px !important;
  background-color: #ff9231 !important;

}

.page_cart .warp .container .card .cart_block .bar_settle .choose_btn {
  color: #fff !important;
}

.page_cart .warp .container .card .cart_block .bar_settle .choose_btn.active {
  color: #fff !important;
}

.page_cart .warp .container .card .cart_block .bar_settle .right_settle .sum_block .sum {
  color: #fff !important;
}

.page_cart .warp .container .card .cart_block .bar_settle .btn_settle {
  background: #fff !important;
  color: #ff9231 !important;

  &:hover {
    background: #fff !important;
    color: #ff9231 !important;
  }
}

.page_cart .warp .container .col .delet {
  background: #fff !important;
  color: #ff9231 !important;

  &:hover {
    background: #fff !important;
    color: #ff9231 !important;
  }
}

.page_cart .warp .container .card .cart_block .bar_settle .right_settle .sum_block span:first-child:before {
  color: #fff !important;
}

/* 我的订单 */
#app .page_order .card_goods_list {
  margin-top: 60px !important;
}

#app .page_order .card_goods_list>h4 {
  background: transparent !important;
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
  position: relative;
  z-index: 99;
  text-align: center;

  &::after {
    content: 'featured commodity' !important;
    position: absolute !important;
    top: auto !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-size: 30px !important;
    color: rgba(255, 198, 52, .3) !important;
    z-index: -1;
    background: -webkit-linear-gradient(#ffc634, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

#app .page_order .card_goods_list .filter_block {
  position: absolute;
  top: 8px;
  z-index: 999 !important;
  padding-left: 0 !important;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .img_block {
  /* padding: 0 !important; */

  img {
    object-fit: cover !important;
  }
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .middle_info {
  border-right: none !important;
  flex: initial !important;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .right_info {
  border-right: none !important;
  width: auto !important;
  padding: 15px !important;
}

#app .page_order .card_goods_list .list_order .goods_list {
  flex: initial !important;
}

#app .page_order .card_goods_list .list_order {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}

#app .page_order .card_goods_list .list_order .item_order .sum_price {
  width: auto !important;
  padding: 15px !important;
}

#app .page_order .card_goods_list .list_order .item_order {
  margin: 0 !important;;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .right_info .price {
  padding: 0 !important;
  background-color: transparent !important;
  color: #ff9231 !important;
  margin-right: 10px !important;
  font-size: 20px !important;
}

#app .page_order .card_goods_list .list_order .goods_list .item_goods .right_info .num {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #333 !important;
}

#app .page_order .card_goods_list .list_order .item_order .sum_price span {
  color: #ff9231 !important;
}

#app .page_order .card_goods_list .list_order .item_order .state {
  right: auto !important;
  left: -38px !important;
  top: -26px !important;
  transform: rotate(-45deg) !important;
  z-index: 99 !important;
  background: #ff9231 !important;
}

#app .page_order .card_goods_list .list_order .item_order .after-sales-style {
    position: absolute;
    bottom: 10px;
    left: 10px;

  >.el-button {
    height: 30px !important;
	background-color: #ff9231;
	border-color: #ff9231;
	padding: 0 15px;
  }
}

#app .page_order .card_goods_list .list_order .item_order .sum_price .btn {
  opacity: 1 !important;
  visibility: initial !important;
  top: auto !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% 0 0 0 !important;
  background: #ff9231 !important;

  &::before {
    filter: invert(100%) !important;
  }
}

/* 待付款 */
#app .page_order .card_order {
  margin-top: 60px !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

#app .page_order .card_order .state {
  background: transparent !important;
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
  position: relative;
  z-index: 99;
  text-align: center;

  &::after {
    content: 'featured commodity' !important;
    position: absolute !important;
    top: auto !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-size: 30px !important;
    color: rgba(255, 198, 52, .3) !important;
    z-index: -1;
    background: -webkit-linear-gradient(#ffc634, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

#app .page_order .card_order .contact_info {
  background-color: rgba(255, 146, 49, .2);
}

#app .page_order .card_order .bottom_order {
  border-bottom: 60px solid #ff9231 !important;
}

#app .page_order .card_order .sum_coupon {
  top: auto !important;
  right: auto !important;
  left: 5px !important;
  bottom: 15px !important;
}

#app .page_order .card_order .sum_price {
  bottom: 15px !important;
  right: auto !important;
  top: auto !important;
  left: 50% !important;
  transform: translateX(-50%);
  
  >span {
    color: #fff !important;
  }
}
#app .page_order .card_order .sum_price + .sum_price{
	left: 35% !important;
}
#app .page_order .card_order .sum_price + .sum_price + .sum_price{
	left: 65% !important;
}

#app .page_order .card_order .btn_block {
  top: auto !important;
  bottom: 10px !important;
  padding: 0 !important;
  background-color: transparent !important;
}

#app .page_order .card_order .btn_block .btn_trade {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #ff9231 !important;

  &:hover {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #ff9231 !important;
  }
}

#app .page_order .card_order .goods_list .item_goods .middle_info .title {
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}

#app .page_order .card_order .goods_list .item_goods .img_block {
  width: 300px !important;
  height: 120px !important;

  img {
    object-fit: cover;
  }
}

#app .page_order .card_order .goods_list {
  margin-top: 0 !important;
  padding-right: 0 !important;
}

#app .page_order .card_order .goods_list .item_goods {
  padding-top: 20px !important;
}

#app .page_order .card_order .goods_list .item_goods .middle_info .priceAndNum {
  width: 40% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;


  .price {
    font-size: 20px !important;
  }
}

#app .page_order .card_order .bottom_order .remark textarea {
  width: calc(100% - 80px) !important;
}

/* 支付页面 */
#app>.page_pay .row {
  margin-top: 60px !important;
}

#app .page_pay .card .card-header {
  background-color: #ff9231 !important;
  
  h4 {
    color: #fff !important;
  }
}

#app .page_pay .card .card-footer:last-child {
  background-color: #fff !important;
  display: flex !important;
  justify-content: center !important;

  .btn {
    width: 60% !important;
    border-color: #ff9231 !important;
    color: #ff9231 !important;

    &:hover {
      background-color: #ff9231 !important;
      color: #fff !important;
    }
  }
}

/* 地址 */
.page_user .row {
  margin-top: 60px !important;
}

.page_user .card_address {
  box-shadow: none !important;
  background-color: transparent !important;
}

.page_user .card_address>div:nth-child(1) {
  background-color: transparent !important;
}

.page_user .card_address>div:nth-child(1) span {
  display: block;
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
  position: relative;
  z-index: 99;
  text-align: center;

  &::after {
    content: 'featured commodity' !important;
    position: absolute !important;
    top: auto !important;
    bottom: 0px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-size: 30px !important;
    color: rgba(255, 198, 52, .3) !important;
    z-index: -1;
    background: -webkit-linear-gradient(#ffc634, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.page_user .card_address .list_address {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px !important;
}

.page_user .card_address .list_address .address_card {
  padding: 40px 0 20px !important;
  background-color: rgba(255, 146, 49, .2);
}

.page_user .card_address .list_address .address_card:before {
  width: 100% !important;
  background-color: #ff9231 !important;
  top: 0 !important;
  left: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
  padding-left: 15px !important;
  color: #fff !important;
}

.page_user .card_address .list_address .address_card .address_info {
  padding: 15px 15px 0 !important;
}

.page_user .card_address .list_address .address_card .address_info .address_content .name,
.page_user .card_address .list_address .address_card .address_info .address_content .phone,
.page_user .card_address .list_address .address_card .address_info .address_bottom {
  line-height: 34px !important;
}

.page_user .card_address .list_address .address_card .address_info .address_content .tag {
  top: 20px !important;
  right: 20px !important;
}

.page_user .card_address .list_address .address_card .address_info .address_content .tag .tag_default {
  padding: 2px 8px !important;
  color: #ff9231 !important;
  background: #fff !important;

  &:hover {
    color: #ff9231 !important;
    background: #fff !important;
  }
}

.page_user .card_address .list_address .btn_address {
  z-index: 99 !important;
  background: #ff9231 !important;

  span {
    color: #fff !important;
  }

  &:hover {
    background: #ff9231 !important;
  }
}

/* 在线留言 */
.chat_box {
  background: #fff !important;
  box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.05);
}

.chat_box .right_send {
  height: auto !important;
}

/* 登录成功下拉 */
.page_header .conton-top .user .dropdown .my_item .router-link-exact-active {
  background: #ff9231 !important;
}

/* 新增收货地址 */
#app .address_edit .form_address {
  margin: 0 auto !important;
  width: 1100px !important;
  background-color: transparent !important;
  padding-top: 10px !important;
}

#app .address_edit .form_address .header {
  display: block;
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
  position: relative;
  z-index: 99;
  text-align: center;

  &::after {
    content: 'featured commodity' !important;
    position: absolute !important;
    top: auto !important;
    bottom: 10px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-size: 30px !important;
    color: rgba(255, 198, 52, .3) !important;
    z-index: -1;
    background: -webkit-linear-gradient(#ffc634, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

#app .address_edit .form_address>.address {
  background-color: rgba(255, 146, 49, .2);
}

#app .address_edit .form_address>.address .card_menu_box>div {
  display: flex !important;
  flex-direction: column !important;

  >span {
    width: 156px !important;
    text-align: left !important;
    background-color: #ff9231 !important;
    padding-left: 10px !important;
    color: #fff !important;
  }
}

#app .address_edit .form_address .header:before {
  font-size: 0 !important;
}

#app .address_edit .form_address .btn_save {
  background: #ff9231 !important;
}


/* 我的账户 */
.page_user .user_bg.col-md-9 .card_default .user_block {
  margin: 0 !important;
  width: 1100px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  background-color: rgba(255, 146, 49, .2);
  padding-top: 20px !important;
  justify-content: space-around !important;
}

.page_user .user_bg.col-md-9 .card_default .user_block:before {
  font-size: 0 !important;
}

.page_user .user_bg.col-md-9 .card_default .user_block .img_block {
  position: initial !important;
  width: 120px !important;
  height: 120px !important;
}

.page_user .user_bg.col-md-9 .card_default .user_block .wallet-show-container>div {
  width: auto !important;
}

.page_user .user_bg.col-md-9 .card_default .user_block .log_out .btn:nth-child(1) {
  background: #ff9231 !important;

  &:hover {
    background: #ff9231 !important;
  }
}

.page_user .user_bg.col-md-9 .card_default .user_block .log_out .btn:nth-child(2) {
  font-weight: bold !important;
}

.page_user .user_bg.col-md-9 .card_default .user_block .log_out .btn.btn-info {
  background: transparent !important;
  border: 1px solid #ff3630 !important;
  color: #ff3630 !important;

  &:hover {
    background: rgba(255, 59, 53, .1) !important;
  }
}

/* 个人资料 */
.page_user .card_info .div_info>span {
  background-color: #ff9231 !important;
}

.page_user .card_info .div_info .right_msg .btn {
  background: #ff9231 !important;

  &:hover {
    background: #ff9231 !important;
  }
}

/* 修改密码 */
.page_user .card_password {
  width: 1100px !important;
  margin: 0 auto !important;
}

.page_user .card_password>div:first-child {
  background-color: #ff9231 !important;
}

.page_user .card_password form {
  display: flex !important;
  flex-direction: column !important;
}

.page_user .card_password form .form-group {
  flex-direction: column !important;
}

.page_user .card_password form .form-group .d-block {
  background-color: #ff9231 !important;
  text-align: left !important;
  padding-left: 10px !important;
  color: #fff !important;
}

#app .page_user .warp .container .row .card_password .password_confim .btn_item {
  background: #ff9231 !important;


  &:hover {
    background: #ff9231 !important;
  }
}

.wallet-container {
  margin-top: 40px !important;
}

.page_user .el-button {
  background: #ff9231 !important;

  &:hover {
    background: #ff9231 !important;
  }
}

/* 个人中心 */
.page_user .card_menu .list_menu {
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(9, 1fr);
  gap: 10px;
}

.page_user .card_menu .list_menu a {
  height: 40px !important;
  line-height: 40px !important;
  border-radius: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #ff9231 !important;
  box-sizing: border-box;
  background-color: rgba(255, 146, 49, .2) !important;
}

.page_user .card_menu .list_menu .menu_item:before {
  display: none !important;
}

.page_user .card_menu .list_menu .menu_item .left_span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.page_user .card_menu .list_menu .menu_item .left_span::before {
  content: '';
  display: inline-block;
  width: 20px !important;
  height: 20px !important;
  background-image: url('../img/home.png');
  background-size: 100% 100%;
  margin-right: 10px !important;
}

.page_user .card_menu .list_menu .menu_item.selected {
  background: #ff9231 !important;
}
/* 标题 */
.page_user .container-fluid .el-row:nth-child(1) div,
.page_user .card_addres>div:nth-child(1)>span {
  display: block;
  width: 100% !important;
  font-size: 40px !important;
  font-weight: bold;
  letter-spacing: 2px;
  color: #552800 !important;
  position: relative;
  z-index: 99;
  text-align: center;

  &::after {
    content: 'featured commodity' !important;
    position: absolute !important;
    top: auto !important;
    bottom: 0px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    font-size: 30px !important;
    color: rgba(255, 198, 52, .3) !important;
    z-index: -1;
    background: -webkit-linear-gradient(#ffc634, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
/* 个人中心图表 */
.page_user .container-fluid .el-row:nth-child(2) {
  display: grid !important;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}

.page_user .container-fluid .el-row:nth-child(2)>.el-col-8 {
  width: 100% !important;
  margin: 0 !important;
}

.page_user .container-fluid .el-row:nth-child(2)>div:last-child {
  grid-column: span 1 !important;
  width: 100% !important;
}

.page_user .container-fluid {
  width: 100% !important;
}

.page_user .container-fluid .chart {
  border: 2px solid #ff9231 !important;
}

.page_user .container-fluid .el-row:last-child {
  border: 2px solid #ff9231 !important;
}

/* 个人中心表单 */
.page_user .card_addres .table_wrap {
  background-color: transparent !important;
  box-shadow: none !important;
}

.page_user .card_addres .form.p_4 {
  background-color: #ffe7d0 !important;
  margin-bottom: 0 !important;
}

.page_user .card_addres .form.p_4 .row1:first-child {
  gap: 20px !important;
}

.page_user .card_addres .el-form-item {
  margin-bottom: 0 !important;
}

.page_user .card_addres .el-form-item .el-form-item__label {
  width: 100px !important;
}

.page_user .card_addres .el-form-item .el-form-item__content {
  flex: 1 !important;

  >.el-input {
    width: 100% !important;
  }

  >.el-select {
    width: 100% !important;
  }
}

.page_user .row2>.search_btn_wrap>.search_btn_1,
.page_user .el-row>.search_btn_wrap>.search_btn_1 {
  display: grid !important;
  grid-template-columns: repeat(6,1fr);
  gap: 20px !important;
}

.page_user .search_btn_wrap_1 .el-button, .page_user .search_btn_1 .el-button {
  width: 100% !important;
  margin: 0 !important;
}

.page_user .el-row>.search_btn_wrap>.search_btn_1>.el-form-item {
  grid-column: span 6;
}

.page_user .el-row>.search_btn_wrap>.search_btn_1>.el-form-item>.el-form-item__content {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px !important;

  &::before {
    display: none !important;
  }
}

.page_user .el-row>.search_btn_wrap>.search_btn_1>.el-form-item>.el-form-item__content .el-button {
  width: 100% !important;
  margin: 0 !important;
}

.el-date-editor .el-range-separator {
  padding: 0 !important;
}

.el-upload.el-upload--text {
  width: 100% !important;
}

.page_user .card_addres .el-table {
  margin-top: 20px !important;
}

.page_user .card_addres .table_wrap .el-table thead th {
  background: #ff9231 !important;
  border-color: #ffe7d0 !important;
  color: #fff !important;
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  border-color: #ff9231 !important;
  background: #ffe7d0 !important;
}

.page_user .card_addres .table_wrap .el-table .el-button {
  border: 1px solid #ff9231 !important;
  background: #fff !important;
  color: #ff9231 !important;

  &:hover {
    background: #ff9231 !important;
    color: #fff !important;
  }
}

.page_user .edit_wrap {
  width: 1100px !important;
  margin: 0 auto !important;
  /* background-color: #ffe7d0 !important; */
  /* border: 2px solid #ff9231 !important; */
  border-radius: 5px !important;
  padding: 30px !important;
}

.edit_wrap .el_form_item_warp {
  width: 100% !important;
}

.page_user .edit_wrap .el-form-item {
  display: flex;
  /* flex-direction: column !important; */
  padding: 10px !important;
  margin-top: 30px ;
  box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.05);
  background-color: #ffe7d0 !important;
  border-radius: 5px;
}

.page_user .edit_wrap .el-form-item .el-form-item__label {
  /* background-color: #ff9231 !important; */
  /* text-align: left !important; */
  color: #ff9231 !important;
  margin-bottom: 0 !important;
  width: 120px !important;
  padding-left: 10px !important;
}

.page_user .edit_wrap .el-form-item .el-form-item__content {
  width: 100% !important;
  margin-left: 0 !important;
}

.page_user .edit_wrap .el-form-item .el-form-item__content .el-input-number {
  margin-left: 0px !important;
}

.page_user .edit_wrap .el-form-item .el-form-item__content .avatar-uploader {
  margin-left: 0 !important;

  .el-upload {
    border: none !important;
  }
}

.edit_wrap .el_form_btn_warp>.el-form-item>.el-form-item__content {
  display: flex !important;
  justify-content: center !important;
}

.page_user .edit_wrap .el-form-item .el-form-item__content .el-button {
  margin: 10px 10px 10px 0 !important;
}

.el-pagination .el-pager li.active {
  color: #ff9231 !important;
}

.el-dialog__headerbtn .el-dialog__close {
  font-size: 16px !important;
}


.el-table__cell:last-child .el-button--primary.is-plain {
  margin: 5px !important;
  border: 1px solid #ff9231 !important;
  background-color: #fff !important;
  color: #ff9231 !important;
  text-align: center;
  font-weight: bold !important;

  &:hover {
    background-color: #ffa136 !important;
    color: #fff !important;
  }
}

.el-button--success.is-plain {
  background: #ff9231 !important;
  color: #fff !important;
  border-color: #ff9231 !important;
}

.exam_view .form {
  padding: 20px !important;
  background-color: #ffe7d0 !important;
  margin-bottom: 30px !important;
}

.exam_view .form>.row1 {
  display: grid !important;
  grid-template-columns: repeat(3,1fr);
  gap: 20px !important;
}

.exam_view .form>.el-row::before {
  display: none !important;
}

.exam_view .form>.el-row .el_form_search_wrap {
  width: 100% !important;
  .el-form-item {
    display: flex !important;
  
    >.el-form-item__label {
      width: 100px;
    }
  
    >.el-form-item__content {
      flex: 1 !important;
    }
  }
}

.exam_view .form>.search_btn_wrap>.search_btn_1>.el-form-item {
  width: 100% !important;

  >.el-form-item__content {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px !important;
  }

  >.el-form-item__content::before {
    display: none !important;
  }
}

.exam_view .el-table th.el-table__cell.is-leaf {
  border-color: #ffe7d0 !important;
}

.exam_view .el-table th.el-table__cell {
  background-color: #ff9231 !important;
  color: #fff !important;
}

.exam_view .el-table__cell:last-child .el-button--primary.is-plain {
  width: 90% !important;
}

.exam_view .el-pagination {
  margin-top: 30px !important;
  display: flex !important;
  justify-content: center !important;
}

.exam_view .title_margin {
  margin-left: 0 !important;
}

.exam_view .form>.rows2 {
  display: flex !important;
}

/* 收藏列表 */
.page_user .user_right_box .filter_block {
  display: none !important;
}

.page_user .user_right_box .list_collect .item_collect .collect_box .left_block:after {
  display: none !important;
}

.page_user .user_right_box .list_collect .item_collect .collect_box .right_block .top_comment .time {
  position: initial !important;
  opacity: 1 !important;
  visibility: initial !important;
  color: #333 !important;
}

.page_user .user_right_box .list_collect .item_collect .btn_delete {
  opacity: 1 !important;
  visibility: initial !important;
  right: 30px !important;
}

.page_user .user_right_box .list_collect .item_collect::after {
  opacity: 1 !important;
  visibility: initial !important;
  right: 20px !important;
  background-color: #ff9231 !important;
}

.page_user .user_right_box {
  box-shadow: none !important;
  background-color: transparent !important;
}

.page_user .user_right_box .list_collect {
  gap: 10px;
}

.page_user .user_right_box .list_collect .item_collect {
  border: 1px solid #e4eaef !important;
  width: 100% !important;
}

.page_user .user_right_box .list_collect .item_collect .collect_box .right_block .top_comment .title {
  color: #ff9231 !important;
}

/* 登录 */
#app .page_account {
  position: relative;
  background-image: url('../img/login_bg.jpg') !important;
  background-size: 100% 100%;
}

#app .page_account .row_login,
#app .page_account .row_registers,
#app .page_account .row_forgot {
  margin-top: 70px !important;
  background: #fff !important;
}

#app .page_account .row_login:after,
#app .page_account .row_registers::after,
#app .page_account .row_forgot::after {
  display: none !important;
}

#app .page_account .row_login:before,
#app .page_account .row_registers::before,
#app .page_account .row_forgot::before {
  content: '' !important;
  height: 400px !important;
  background-image: url('../img/login.png');
  background-size: 100% 100%;
  top: 30px !important;
}

#app .page_account .form_box .btns_bottom .forgot_nav  {
  position: initial !important;
  margin-top: 20px !important;
  
  >span {
    color: #ff9231 !important;
  }
}

#app .page_account .form_box .btns_bottom .btn_register,
#app .page_account .form_box .btns_bottom .login_bt,
#app .page_account .form_box .btns_bottom .btn_login {
  bottom: 20px !important;
  left: 20px !important;
  color: #ff9231 !important;
}

#app .page_account .form_box .btns_bottom .btn_register span,
#app .page_account .form_box .btns_bottom .login_bt span,
#app .page_account .form_box .btns_bottom .btn_login span {
  color: #ff9231 !important;
}

#app .page_account .form_box {
  padding: 0 30px !important;
}

#app .page_account .form_box .forms {
  padding: 30px 0 !important;
}

#app .page_account .form_box .btns_bottom .btn_item {
  width: 90% !important;
  background: #ff9231 !important;

  &:hover {
    background: #ff9231 !important;
  }
}

#app .page_account .form_box .btns_bottom {
  padding-top: 10px !important;
  padding-bottom: 20px !important;
} 

#app .page_account .form_box .forms .form-group .input-group-append button {
  background: #ff9231 !important;
  border-color: #ff9231 !important;
}

/* 人脸 */
.face-login {
  top: 60px !important;


  .avatar-uploader .el-upload.el-upload--text {
    display: flex !important;
    justify-content: center !important;
  }
}

.face-login .face-img .el-button {
  background: #ff9231 !important;

  &:hover {
    background: #ff9231 !important;
  }
}

#app>.page_forum .overflow-auto {
  top: 0 !important;

  .page-link {
    color: #ff9231 !important;
  }
}

.diy_edit .form_editor .diy_field {
  flex: 1 !important;
  margin-left: 15px !important;
}

#app .forum_edits .form {
  background-color: #ffe2bf !important;
  border: 1px solid #ff9231 !important;
}

#app .forum_edits .submit_button {
  background: #ff9231 !important;
}

#app>.page_exam .row_subject {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px !important;
  padding: 0 !important;
  margin-top: 0 !important;
  border: none !important;
}

#app>.page_exam .row_subject>div {
  min-height: 260px;
}

#app>.page_exam .row_subject>div:first-child {
  grid-column: span 2 !important;
  min-height: 60px;
}

#app>.page_exam .row_subject>div:nth-child(2) {
  display: none;
}


#app .space {
  margin-top: 60px !important;
  display: block !important;
}
#media_video{
	margin-top: 150px !important;
}